Bootstrap - Online Quiz


Advertisements


Following quiz provides Multiple Choice Questions (MCQs) related to Bootstrap Framework. You will have to read all the given answers and click over the correct answer. If you are not sure about the answer then you can check the answer using Show Answer button. You can use Next Quiz button to check new set of questions in the quiz.

Questions and Answers

Q 2 - Which of the following class styles a table as a nice basic table with just some light padding and horizontal dividers?

A - .table

B - .table-striped

C - .table-bordered

D - .table-hover

Answer : A

Explanation

If you want a nice, basic table style with just some light padding and horizontal dividers, add the base class of .table to any table.

Q 3 - Which of the following bootstrap style of button deemphasize a button by making it look like a link while maintaining button behavior?

A - .btn-warning

B - .btn-danger

C - .btn-link

D - .btn-info

Answer : C

Explanation

.btn-link − Deemphasize a button by making it look like a link while maintaining button behavior.

Q 4 - Which of the following bootstrap style of image gives the image rounded corners?

A - .img-rounded

B - .img-circle

C - .img-thumbnail

D - None of the above.

Answer : A

Explanation

.img-rounded − adds border-radius:6px to give the image rounded corners.

Q 5 - Which of the following bootstrap styles are used to create a disabled tab in tabs navigation?

A - .nav, .nav-tabs, .disabled

B - .nav, .nav-tabs

C - .nav, .nav-pills, .nav-disabled

D - .nav, .nav-pills

Answer : A

Explanation

For each of the .nav classes, if you add the .disabled class, it will create a gray link that also disables the :hover state.

Q 6 - Which of the following bootstrap style can be used to to get different size items of .pagination?

A - .lg, .sm

B - .pagination-lg, .pagination-sm

C - .menu-lg, .menu-sm

D - None of the above.

Answer : B

Explanation

.pagination-lg, .pagination-sm − Use these classes to get different size items.

Answer : A

Explanation

data-backdrop − Specify static for a backdrop, if you don't want the modal to be closed when the user clicks outside of the modal.

Answer : B

Explanation

data-html − Inserts HTML into the tooltip. If false, jQuery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.

Answer : C

Explanation

data-placement − Specifies how to position the popover (i.e., top|bottom|left|right|auto).


bootstrap_questions_answers.htm

Advertisements