0 votes
in Bootstrap by

Bootstrap Framework Questions and Answers on :

  • data-animation
  • bootstrap form
  • font size
  • bootstrap styles
  • class style
  • bootstrap elements
  • bootstrap plugins

1 Answer

0 votes
by

Question#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.

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

Question#2 Which of the following is the default layout of a Bootstrap form?

a) .vertical

b) .horizontal

c) .inline

d) none of the above

Answer:- .vertical

Question#3 Bootstrap’s global default font-size is ________

a) 10px

b) 14px

c) 12px

d) 13px

Answer:- 14px

Question#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”>

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

Question#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

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

Question#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.

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

Question#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

Answer:- Both the options mentioned

Question#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

Answer:- .panel-footer

Question#9 What is the default size of the H4 bootstrap heading?

a) 36

b) 30

c) 16

d) 24

Answer:- 24

Question#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

Answer:- .btn-warning

Question#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

Answer:- .table-striped

Question#12 Which plugin is used to create a modal window?

a) Carousel Plugin

b) Alert plugin

c) Popover Plugin

d) Modal Plugin

Answer:- Modal Plugin

Question#13 Bootstrap was developed by ________.

a) James Gosling

b) Mark Jukervich

c) None of the options

d) Mark Otto and Jacob Thornton

Answer:- Mark Otto and Jacob Thornton

Question#14 Bootstrap is a free front-end framework.

a) True

b) False

Answer:- True

Question#15 Which plugin is used to cycle through elements, like a slideshow?

a) Affix plugin

b) Carousel plugin

c) Transition plugin

d) Popover plugin

Answer:- Carousel plugin

Question#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

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

Question#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

Answer:- .btn-xs

Question#18 The Bootstrap grid system is based on how many columns?

a) 12

b) 9

c) 3

d) 6

Answer:- 12

Question#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

Answer:- Both the options

Related questions

+1 vote
asked Jan 20, 2023 in Bootstrap by SakshiSharma
+1 vote
+2 votes
asked Feb 28, 2021 in Bootstrap by JackTerrance
...