HTML Questions & Answers – Responsive Overview – 8


This set of HTML Multiple Choice Questions & Answers (MCQs) focuses on “Responsive Overview – 8”.

1. How many classes does bootstrap grid system has?
a) 3
b) 2
c) 1
d) 4
View Answer

Answer: d
Explanation: Bootstrap grid system has four classes. Xs, sm, md, lg. as is for phones having screens less than 786px wide, sm is for tablets. Screens equal to or greater than 768px, md is for small laptops, screen equal to or greater than 992px wide, lg is for laptops and desktops, Screens equal to or greater than 1200px wide.

2. What is bootstrap’s global default font-size?
a) 12px
b) 14px
c) 10px
d) 9px
View Answer

Answer: b
Explanation: Bootstrap’s global default font-size is 14px, with line-height of 1.428. This is applied to element and all paragraphs. In addition all <p> elements have bottom margins.

3. Progress bars are not supported in ______________
a) Internet Explorer 10
b) Internet Explorer 9
c) Opera
d) Chrome
View Answer

Answer: b
Explanation: Progress bars are not supported in Internet Explorer 9 and earlier versions, because they use CSS3 transitions and animations to achieve some of the effects. For improving accessibility for people using screen readers, we should include aria-* attributes.

4. Which of the following clears bottom-margin of each panel?
a) .panel-group
b) .panel-footer
c) .panel-heading
d) .panel-body
View Answer

Answer: a
Explanation: .panel-group class clears bottom-margin of each panel. It also group many panels together, we can wrap <div> with class .panel-group around them. Footer to the panel is added by .panel-footer. Heading to the panel is given by .panel-heading class. The content inside the panel is in .panel-body.

5. For inserting plain text we use __________
a) .form-control-static
b) .input-group
c) .input-group-addon
d) .input-group-btn
View Answer

Answer: a
Explanation: If we need to insert plain text next to a form label within horizontal form we can use .form-control-static class on <p> element. The .input-group class is a container to enhance input by adding an icon, text or button in front or behind it. An icon or help text next to the input field and button next to input is attached by .input-group-addon and .input-group-btn respectively.

6. Which attribute is used to input to prevent user input?
a) readonly
b) .sr-only
c) disabled
d) .has-feedback
View Answer

Answer: a
Explanation: A button is disabled by .disabled class. We can add readonly attribute to an input to prevent user input. .sr-only class is applied on non-visible labels, disabled attribute is added to disabled an input field.

7. What is the range of dimension for small devices?
a) 450px to 700px
b) 768px to 991px
c) 992px to 1199px
d) 120px to 500px
View Answer

Answer: b
Explanation: Small devices are defined as a screen width from 768px to 991px. For small devices we use the class .col-sm-*, for medium devices the screen width from 992px to 1199px.

8. Which will change the order of a grid columns?
a) .col-md-push-*
b) .col-md-offset-*
c) .clearfix
d) .col-sm-*
View Answer

Answer: a
Explanation: We can change order of the grid columns with .col-md-push-* and .col-md-pull-* classes, we can move columns to right using .col-md-offset class. .clearfix class clears float. A column layout for small device is done by .col-sm-*.

Sanfoundry Global Education & Learning Series – HTML.

To practice all areas of HTML, here is complete set of 1000+ Multiple Choice Questions and Answers.


Manish Bhojasia, a technology veteran with 20+ years @ Cisco & Wipro, is Founder and CTO at Sanfoundry. He is Linux Kernel Developer & SAN Architect and is passionate about competency developments in these areas. He lives in Bangalore and delivers focused training sessions to IT professionals in Linux Kernel, Linux Debugging, Linux Device Drivers, Linux Networking, Linux Storage, Advanced C Programming, SAN Storage Technologies, SCSI Internals & Storage Protocols such as iSCSI & Fiber Channel. Stay connected with him @ LinkedIn