Bootstrap Framework Interview Question-Answer

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

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

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

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

       D. It delegates to the specified targets.

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


Q.2 Which of the following is the default layout of a Bootstrap form?

       A. .vertical

       B. .horizontal

       C. .inline

       D. none of the above

Ans : .vertical


Q.3 Bootstrap’s global default font-size is ________

       A. 10px

       B. 14px

       C. 12px

       D. 13px

Ans : 14px


Q.4 A standard navigation bar is created using ________.

       A. <nav class=”navbar navbar-default”>

       B. <nav class=”nav navbar”>

       C. <nav class=”navbar navbar-inverse”>

       D. <nav class=”navbar-black”>

Ans : <nav class=”navbar navbar-default”>


Q.5 Which of the following Bootstrap styles can be used to create progress bars with different styles?

       A. None of the options

       B. .progress, .progress-bar

       C. .success, .info, .warning, .danger

       D. .progress-bar-success, .progress-bar-info, .progress-bar-warning, .progress-bar-danger

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


Q.6 Which of the following is correct about the data-delay data attribute of Tooltip Plugin?

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

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

       C. It delays showing and hiding the tooltip in milliseconds.

       D. It defines how the tooltip is triggered.

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


Q.7 Which of the following is true about Bootstrap help text?

       A. Bootstrap form controls can have a block-level help text that flows with the inputs.

       B. To add a full width block of content, use .help-block after the <input>.

       C. Both the options mentioned

       D. None of the options

Ans : Both the options mentioned


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

       A. .footer

       B. .panel

       C. .panel-footer

       D. noen of the aboves

Ans : .panel-footer


Q.9 What is the default size of the H4 bootstrap heading?

       A. 36

       B. 30

       C. 16

       D. 24

Ans : 24


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

       A. .btn-warning

       B. .btn-info

       C. .btn-link

       D. .btn-danger

Ans : .btn-warning


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

       A. .table-bordered

       B. .table-striped

       C. .table

       D. .table-hover

Ans : .table-striped


Q.12 Which plugin is used to create a modal window?

       A. Carousel Plugin

       B. Alert plugin

       C. Popover Plugin

       D. Modal Plugin

Ans : Modal Plugin


Q.13 Bootstrap was developed by ________.

       A. James Gosling

       B. Mark Jukervich

       C. None of the options

       D. Mark Otto and Jacob Thornton

Ans : Mark Otto and Jacob Thornton


Q.14 Bootstrap is a free front-end framework.

       A. True

       B. False

Ans : True


Q.15 Which plugin is used to cycle through elements, like a slideshow?

       A. Affix plugin

       B. Carousel plugin

       C. Transition plugin

       D. Popover plugin

Ans : Carousel plugin


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

       A. .nav, .nav-tabs

       B. .nav, .nav-pills

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

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

Ans : .nav, .nav-pills, .nav-stacked


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

       A. .btn-block

       B. .btn-sm

       C. .btn-lg

       D. .btn-xs

Ans : .btn-xs


Q.18 The Bootstrap grid system is based on how many columns?

       A. 12

       B. 9

       C. 3

       D. 6

Ans : 12


Q.19 Which of the following is correct about Transition Plugin?

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

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

       C. None of the options

       D. Both the options

Ans : Both the options


Leave a Comment