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 class is required to be added to form tag to make it horizontal?

A - .horizontal

B - .form-horizontal

C - .horizontal

D - None of the above.

Answer : B

Explanation

To create a form that uses the horizontal layout, Add a class of .form-horizontal to the parent

element.

Q 4 - Which of the following bootstrap style helps to combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components?

A - .btn-group

B - .btn-toolbar

C - .btn-group-lg

D - .btn-group-vertical

Answer : B

Explanation

.btn-toolbar − This helps to combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

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

A - .nav, .nav-tabs

B - .nav, .nav-pills

C - .nav, .nav-pills, .nav-stacked

D - .nav, .nav-tabs, .nav-justified

Answer : D

Explanation

You can make tabs or pills of equal widths as of their parent at screens wider than 768px using class .nav-justified along with .nav, .nav-tabs or .nav, .nav-pills respectively. On smaller screens, the .nav links are stacked.

Q 6 - Which of the following bootstrap style is used to create a .breadcrumb?

A - .breadcrumb

B - .navbar

C - .menu

D - None of the above.

Answer : A

Explanation

A .breadcrumb in Bootstrap is simply an unordered list with a class of .breadcrumb. The separator is automatically added by CSS (bootstrap.min.css).

Answer : C

Explanation

Both of the above options are correct.

Answer : B

Explanation

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

bootstrap_questions_answers.htm

Useful Video Courses


Video

Bootstrap Online Training

26 Lectures 2 hours

Anadi Sharma

Video

Bootstrap 4 Responsive Web Development

54 Lectures 4.5 hours

Frahaan Hussain

Video

Bootstrap By Building Projects - Includes Bootstrap 4

Featured

161 Lectures 14.5 hours

Eduonix Learning Solutions

Video

Responsive E Commerce Website Designing Without Bootstrap

20 Lectures 4 hours

Azaz Patel

Video

Bootstrap 4 for Tutorials

15 Lectures 1.5 hours

Muhammad Ismail

Video

Complete Bootstrap 5 Course From Scratch With 3 Projects

62 Lectures 8 hours

Yossef Ayman Zedan

Advertisements