BootStrap Framework Questions & Answers

A bootstrap framework container is a handy class that generates a central region on the page where we can put our site content. The bootstrap .container has the advantage of being responsive and containing all of our other HTML code

The following are some advantages of Bootstrap:

  • Bootstrap is simple to use and anyone with a basic understanding of HTML and CSS can get started.
  • Features that adapt to phones, tablets, and desktops: Bootstrap’s responsive CSS adapts to phones, tablets, and desktops.
  • A mobile-first strategy: Mobile-first styles are built into the Bootstrap framework.
  • Bootstrap 4 is compatible with all modern browsers, including Chrome, Firefox, Internet Explorer 10+, Edge, Safari, and Opera.
Bootstrap Questions

BootStrap Framework MCQ Questions & Answers 2021

Which class shapes an image to a circle?
a) .img-rounded

b) .img-thumbnail

c) .img-circle

d) .img-round

Answer: .img-circle

Which of the following is correct about the data-delay data attribute of Tooltip Plugin?
a) It delays showing and hiding the tooltip in milliseconds.

b) It defines how the tooltip is triggered.

c) It sets the default title value if the title attribute is not present.

d) It defines default content value if data-content attribute is not present.

Answer: It delays showing and hiding the tooltip in milliseconds.

Which of the following Bootstrap styles should be used if you want to create an inverted .navbar with a black background and with white text?

a) .navbar-reverse

b) None of the options

c) .navbar-inverse

d) .navbar-inverted

Answer: .navbar-inverse

Which class should be used to indicate a button group?

a) btn-buttons

b) btn-group

c) btn-group-buttons

d) btn-grp

Answer: btn-group

Which of the following classes makes thumbnail image?

a) .img-tmbnail

b) .img-thumbnail

c) .img-thumbnail-image

d) .img-thumb

Answer: .img-thumbnail

Which of the following Bootstrap button styles indicates that caution should be taken with an action?

a) .btn-info

b) .btn-warning

c) .btn-danger

d) .btn-link

Answer: .btn-warning

Which plugin is used to create a modal window?

a) Popover Plugin

b) Alert Plugin

c) Carousel Plugin

d) Modal Plugin

Answer: Modal Plugin

Which of the following is correct about dropdown Plugin?

a) Both the options

b) None of the options

c) You can toggle the dropdown plugin’s hidden content through data attributes.

d) You can toggle the dropdown plugin’s hidden content through JavaScript.

Answer: Both the options

Which class creates pagination?

a) link-pagination

b) pager

c) pagination-link

d) pagination

Answer: pagination

Which of the following Bootstrap styles can be used to create progress bars with different styles?
a) .progress-bar-success, .progress-bar-info, .progress-bar-warning, .progress-bar-danger

b) None of the options

c) .success, .info, .warning, .danger

d) .progress, .progress-bar

Answer: .progress-bar-success, .progress-bar-info, .progress-bar-warning, .progress-bar-danger

Which plugin is used to cycle through elements, like a slideshow?
a) Transition plugin

b) Carousel plugin

c) Popover plugin

d) Affix plugin

Answer: Carousel

The Bootstrap grid system is based on how many columns?

a) 6

b) 9

c) 12

d) 3

Answer: 12

Which of the following classes styles a table as a basic table with stripes on rows?

a) .table

b) .table-bordered

c) .table-hover

d) .table-striped

Answer: .table-striped

Which of the following classes can be used to add a footer to a panel?

a) .panel-footer

b) .footer

c) None of the options

d) .panel

Answer: .panel-footer

Which of the following Bootstrap button styles makes the button size extra small?

a) .btn-sm

b) . btn-block

c) .btn-lg

d) .btn-xs

Answer: .btn-xs

Which of the following is correct about dropdown Plugin?

a) You can toggle the dropdown plugin’s hidden content through JavaScript.

b) You can toggle the dropdown plugin’s hidden content through data attributes.

c) Both the options

d) None of the options

Answer: Both the options

Which of the following is correct about Transition Plugin?

a) It is used by the other plugins to check for CSS transition support and to catch hanging transitions.

b) Transition.js is a basic helper for transitionEnd events as well as a CSS transition emulator.

c) Both the options

d) None of the options

Answer: Both the options

Which of the following is correct about the data-animation data attribute of Tooltip Plugin?

a) It applies a CSS fade transition to the popover.

b) It delegates to the specified targets.

c) It specifies how to position the popover (that is, top/bottom/left/right/auto).

d) It inserts HTML into the popover. If false, jQuery’s text method will be used to insert content into the DOM.

Answer: It applies a CSS fade transition to the popover.

Which of the following Bootstrap styles is used to create a vertical pills navigation?

a) .nav, .nav-tabs

b) .nav, .nav-pills, .nav-stacked

c) .nav, .nav-pills

d) .nav, .nav-tabs, .nav-justified

Answer: .nav, .nav-pills, .nav-stacked

A standard navigation bar is created using __.

image

About Author


After years of Technical Work, I feel like an expert when it comes to Develop wordpress website. Check out How to Create a Wordpress Website in 5 Mins, and Earn Money Online Follow me on Facebook for all the latest updates.

Leave a Comment