Not possible
Answer
Correct Answer:
Not possible
Note: This Question is unanswered, help us to find answer for this one
Check Answer
65.
Which classes should be used if the number of items inside a tab is required to be shown?
Class .count with some tag wrapping the number
Class .number with some tag wrapping the number
Class .badge with some tag wrapping the number
Class .badge with some tag wrapping the number
Answer
Correct Answer:
Class .badge with some tag wrapping the number Class .badge with some tag wrapping the number
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
66.
How can you make a notification element with blue background and text?
By using <div> tag with classes .alert .alert-blue
By using <div> tag with classes .alert .alert-info
By using <div> tag with classes .info-box .blue
By using <div> tag with classes .info .blue
Answer
Correct Answer:
By using <div> tag with classes .alert .alert-info
Note: This Question is unanswered, help us to find answer for this one
Check Answer
67.
How does bootstrap grid work?
It's done with flexbox, you just use props like `flex="1"` and `alignItems="center"`
Bootstrap provides custom classes to make grid. `row` for rows and `span1, span2, span3 etc.` for columns.
Bootstrap provides custom classes to make grid. `row` for rows and `col-md-3, col-lg-12 etc.` for columns.
Bootstrap provides custom classes to make grid. `row` for rows and `col-mobile-3, col-tablet-12 etc.` for columns.
Answer
Correct Answer:
Bootstrap provides custom classes to make grid. `row` for rows and `col-md-3, col-lg-12 etc.` for columns.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
68.
Which of the following is correct about data-html Data attribute of Tooltip Plugin?
Applies a CSS fade transition to the tooltip.
Inserts HTML into the tooltip. If false, jQuery's text method will be used to insert content into the dom.
Specifies how to position the tooltip (i.e., top|bottom|left|right|auto).
Delegates to the specified targets.
Answer
Correct Answer:
Applies a CSS fade transition to the tooltip.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
69.
The following event is fired when the tooltip has finished being hidden from the user (will wait for CSS transitions to complete):
$('#Tooltipexample').on('shown.bs.tooltip', function () { // do something... })
$('#Tooltipexample').on('hide.bs.tooltip', function () { // do something... })
$('#Tooltipexample').on('activate.bs.scrollspy', function () { // do something... })
$('#Tooltipexample').on('hidden.bs.tooltip', function () { // do something... })
$('#Tooltipexample').on('show.bs.tooltip', function () { })
Answer
Correct Answer:
$('#Tooltipexample').on('hidden.bs.tooltip', function () { // do something... })
Note: This Question is unanswered, help us to find answer for this one
Check Answer
70.
Can Bootstrap plugins be included individually?
Yes
No
Yes, but only Tab and Tooltip
No, except Modal
Note: This Question is unanswered, help us to find answer for this one
Check Answer
71.
What is the default line-height while using twitter bootstrap?
1
1.428
1.5
2
2.428
Note: This Question is unanswered, help us to find answer for this one
Check Answer
72.
Bootstrap grid system is based on how many columns?
3
12
6
9
Note: This Question is unanswered, help us to find answer for this one
Check Answer
73.
How many columns does bootstrap grid have?
8
10
12
14
Note: This Question is unanswered, help us to find answer for this one
Check Answer
74.
The following event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab respectively?
$('a[data- toggle="tab"]').on('opened.bs.tab', function (e) { e.target e.relatedTarget })
$('a[data- toggle="tab"]').on('open.bs.tab', function (e) { e.target e.relatedTarget })
$('a[data- toggle="tab"]').on('show.bs.tab', function (e) { e.target e.relatedTarget })
$('a[data- toggle="tab"]').on('shown.bs.tab', function (e) { e.target e.relatedTarget })
Answer
Correct Answer:
$('a[data- toggle="tab"]').on('shown.bs.tab', function (e) { e.target e.relatedTarget })
Note: This Question is unanswered, help us to find answer for this one
Check Answer
75.
How is an uppercase text made by only using bootstrap's classes?
Add .uppercase class to some text element
It's not possible
Add .text-uppercase class to some text element
Add .all-uppercase class to some text element
Add .t-uppercase class to some text element
Answer
Correct Answer:
Add .text-uppercase class to some text element
Note: This Question is unanswered, help us to find answer for this one
Check Answer
76.
How do you remove a list styling for nested lists?
By adding .list-unstyled class to parent element
By adding .list-unstyled class to all list elements
By wrapping list with tag
By wrapping list with tag
Answer
Correct Answer:
By adding .list-unstyled class to all list elements
Note: This Question is unanswered, help us to find answer for this one
Check Answer
77.
How can you make a footer for blockquote?
By adding
tag with class .footer inside blockquote
By adding
By adding
tag with class .blockquote-reverse inside blockquote
By adding tag inside blockquote
Answer
Correct Answer:
By adding
Note: This Question is unanswered, help us to find answer for this one
Check Answer
78.
How can you make a paragraph stand out?
By adding .stand class to <p> tag
By adding .out class to <p> tag
By adding .bigger class to <p> tag
By adding .lead class to <p> tag
Answer
Correct Answer:
By adding .lead class to <p> tag
Note: This Question is unanswered, help us to find answer for this one
Check Answer
79.
How is a tabbed content with bootstrap made?
Using .nav and .tabbed classes on <ul> tag
Using .nav and .tabs classes on <ul> tag
Using .navigation and .tabs classes on <ul> tag
Using .nav and .nav-tabs classes on <ul> tag
Answer
Correct Answer:
Using .nav and .nav-tabs classes on <ul> tag
Note: This Question is unanswered, help us to find answer for this one
Check Answer
80.
Which of the following is correct about data-backdrop Data attribute of Modal Plugin?
It specifies static for a backdrop, if you don't want the modal to be closed when the user clicks outside of the modal.
It closes the modal when escape key is pressed; set to false to disable. It shows the modal when initialized.
Using the jQuery .load method, injects content into the modal body. If an href with a valid URL is
added, it will load that content.
Answer
Correct Answer:
It specifies static for a backdrop, if you don't want the modal to be closed when the user clicks outside of the modal.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
81.
Which of the following is correct about Bootstrap Grid System?
Rows must be placed within a .container class for proper alignment and padding.
Use rows to create horizontal groups of columns.
Content should be placed within the columns, and only columns may be the immediate children of rows.
All of the above.
Answer
Correct Answer:
All of the above.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
82.
Which of the following class can be used to create a responsive table?
.table-responsive
.responsive
.active
.table
Answer
Correct Answer:
.table-responsive
Note: This Question is unanswered, help us to find answer for this one
Check Answer
83.
Which class applies the hover color to a particular row or cell of a table?
.active
.success
.warning
.danger
Note: This Question is unanswered, help us to find answer for this one
Check Answer
84.
Which of the following class is required to be added to form tag to make it inline?
.inline
.form-inline
.horizontal
None of the above.
Answer
Correct Answer:
.form-inline
Note: This Question is unanswered, help us to find answer for this one
Check Answer
85.
Which of the following is correct about Bootstrap Media Query?
Media query is a really fancy term for "conditional CSS rule".
It simply applies some CSS, based on certain conditions set forth. If those conditions are met, the style is applied.
Both of the above.
None of the above.
Answer
Correct Answer:
Both of the above.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
86.
Which one of the following is not true?
Adding "lead" class to a p element makes the text standout.
Adding "text-left" class to a p element makes the text align to the left.
Adding "text-justify" class to a p element makes the text justified.
Adding "text-capitalized" class to a p element makes the text capitalized.
Answer
Correct Answer:
Adding "text-capitalized" class to a p element makes the text capitalized.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
87.
Is it possible to create a responsive image?
Yes, using helper class: `responsive`
Yes, using class: `img-responsive`
Yes, using class `img-responsive` but it will require JavaScript plugins enabled
Yes, using class `img-rounded` so it's width will be rounded to closest integer by width of viewport
yes, using class `img-fluid`
Yes, using class `image-responsive`
None of these
Answer
Correct Answer:
Yes, using class: `img-responsive`
Note: This Question is unanswered, help us to find answer for this one
Check Answer
88.
Which of the following should be included inside the head of an html document for proper rendering and touch zooming?
meta name="viewports" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewsport" content="width=device-width, initial-scale=1">
None of the above
Answer
Correct Answer:
<meta name="viewport" content="width=device-width, initial-scale=1">
Note: This Question is unanswered, help us to find answer for this one
Check Answer
89.
Which of the following is correct about Bootstrap wells?
A well is a container in <div> that causes the content to appear sunken or an inset effect on the page.
To create a well, simply wrap the content that you would like to appear in the well with a <div> containing the class of .well.
Both of the above.
None of the above.
Answer
Correct Answer:
Both of the above.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
90.
Which of the following Bootstrap styles can be used to create a Stacked progress bar?
.progress-stacked
.progress
.progress-stack.
None of the above.
Answer
Correct Answer:
.progress
Note: This Question is unanswered, help us to find answer for this one
Check Answer
91.
Which of the following is a part of Mobile First Strategy of Bootstrap?
Content: Determine what is most important.
Layout: Design to smaller widths first. Base CSS address mobile device first; media queries address for tablet, desktops.
Progressive Enhancement: Add elements as screen size increases.
All of the above.
Answer
Correct Answer:
All of the above.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
92.
Which of the following Bootstrap styles of button provides extra visual weight and identifies the primary action in a set of buttons?
.btn
.btn-primary
.btn-success
.btn-info
Answer
Correct Answer:
.btn-primary
Note: This Question is unanswered, help us to find answer for this one
Check Answer
93.
What is needed to be used to make marked text?
Add class `mark` to some html tag
with <mark> html tag
Add class `marked` to some html tag
Add class `is-marked` to some html tag
Add class `marked-text` to some html tag
Answer
Correct Answer:
Add class `mark` to some html tag with <mark> html tag
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
94.
What code is used to create navigation?
<ul class="nav nav-pills">...</ul>
<ul class="navigation">...</ul>
<ul class="nav nav-dropdowns">...</ul>
<ul class="nav nav-tabs-with-dropdown">...</ul>
Answer
Correct Answer:
<ul class="nav nav-pills">...</ul> <ul class="nav nav-tabs-with-dropdown">...</ul>
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
95.
What are options to make font weight bolder than in parent element?
Add class `bold`
Use HTML `bold` tag
Use HTML `strong` tag
Use HTML `b` tag
Add class `strong`
None of these
Answer
Correct Answer:
Use HTML `strong` tag Use HTML `b` tag
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
96.
Which of the following is the correct description about .offset* class?
It`s off column and save place.
It`s off column and not save place.
It`s increase right margin in column.
It`s increase left margin in column.
Answer
Correct Answer:
It`s off column and not save place.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
97.
What media queries breakpoints are available as Less options to make better UI for mobile devices? (choose all that apply)
width-medium
media-query-mobile
screen-xs
screen-phone
small-up
None of these
Answer
Correct Answer:
screen-xs screen-phone
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
98.
What is visual difference between <del>text A</del> and <s>text B</s> for end users?
With `del` tag text looks like deleted text and with `s` tag is used to make strikethrough text
No visual difference
There is slight difference for Safari users on Mac, while no difference for any other
`del` and `s` represent different things and `del` text is also red, while `s` text is just striked through
Answer
Correct Answer:
No visual difference
Note: This Question is unanswered, help us to find answer for this one
Check Answer
99.
What is needed to create menu which changes active menu item while scrolling contents of div?
ul class="nav" id="top_navigation"><li id="part-1">part 1</li><li id="part-2">part 2</li></ul> and contents must be wrapped with such div: <div data-menu="top_navigation"><div id="part-1">contents</div><div id="part-2">contents</div></div>
Scroll spy can be used which is JS plugin
You will need some 3rd party lib to make it happen. E.g. jQuery or ReactJS
Just add navigation with e.g. `data-rel="navigation"` attribute and same div with `data-rel-bind="navigation"`
Answer
Correct Answer:
Scroll spy can be used which is JS plugin
Note: This Question is unanswered, help us to find answer for this one
Check Answer
100. None. Bootstrap does not support flexbox yet.-- Bootstrap v4 will do.
None. Bootstrap does not support flexbox yet.-- Bootstrap v4 will do.
only class `row-flex` and `column-flex`
Any
What flexbox model css options can be used together with bootstrap?
Answer
Correct Answer:
None. Bootstrap does not support flexbox yet.-- Bootstrap v4 will do.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
101.
What will happen if sr-only class is added to some div element?
div will be visible only for small resolution devices
div will be visible only for screen readers
div will slide only to right side
div will only stay on right side of screen
Answer
Correct Answer:
div will be visible only for screen readers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
102.
What will happen if viewport with resolution of 500x800 will rotate to landscape of site which uses custom build of bootstrap?
items with class `.visible-xs-*` will hide
Result depends on Less configuration
items with class `.visible-md-*` will stay hidden
items with class `.visible-lg-*` will stay hidden
Answer
Correct Answer:
Result depends on Less configuration
Note: This Question is unanswered, help us to find answer for this one
Check Answer
103.
What preprocessor is used to build Bootstrap?
LESS
SASS
TcSS
TwitterCSS
Note: This Question is unanswered, help us to find answer for this one
Check Answer
104.
What CSS class is needed to display form inputs one after the other in single row?
`form-inline-mobile` if viewport is smaller than 768px in width
`form-inline` if viewport is at least 768px wide
`form-inline-desktop` if viewport is at least 768px wide
`form-as-row` if viewport is at least 768px wide
`form-in-row` if viewport is at least 768px wide
Can't be done because Bootstrap is mobile first and on mobile form elements are displayed in columns
Answer
Correct Answer:
`form-inline` if viewport is at least 768px wide
Note: This Question is unanswered, help us to find answer for this one
Check Answer
105.
What icon package is officially included in Bootstrap?
Flaticon
Plusicons
Font-awesome
Glyphicons
Answer
Correct Answer:
Glyphicons
Note: This Question is unanswered, help us to find answer for this one
Check Answer
106.
What is the use of media queries in CSS and in Bootstrap?
To specify the size of the browser view
To specify which media files can be loaded on the page
To move, show and hide content based on the viewport size
None of the above
Answer
Correct Answer:
To move, show and hide content based on the viewport size
Note: This Question is unanswered, help us to find answer for this one
Check Answer
107.
How do you flush left and right sides of text using Bootstrap?
.text-justify
.text-nowrap
.text-flush
.text-align-left-right
Answer
Correct Answer:
.text-justify
Note: This Question is unanswered, help us to find answer for this one
Check Answer
108.
Which of these font-icon libraries is included in Bootstrap 3?
Fontello
FontAwesome
Glyphicons
IcoMoon
Answer
Correct Answer:
Glyphicons
Note: This Question is unanswered, help us to find answer for this one
Check Answer
109.
Which of the following colors is the default color for progress bar?
#286090
#cc2929
#167ac6
None of the above.
Answer
Correct Answer:
None of the above.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
110.
How do you create a condensed table which has borders and hover effect on rows?
table class="table condensed border row-hover"></table>
<table class="table condensed bordered hover"></table>
<table class="table table-condensed table-bordered row-hover"></table>
<table class="table table-condensed table-bordered table-hover"></table>
Answer
Correct Answer:
<table class="table table-condensed table-bordered table-hover"></table>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
111.
Which of the following commands is valid to display modal window?
$('#welcome-message').modal('display');
$('#welcome-message').modal('show');
$('#welcome-message').modal('open');
$('#welcome-message').modal('render');
Answer
Correct Answer:
$('#welcome-message').modal('show');
Note: This Question is unanswered, help us to find answer for this one
Check Answer
112.
Which of the following is correct size of image in default media object?
32x32
64x64
128x128
None of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
113.
Which Bootstrap style makes a set of buttons appear vertically stacked rather than horizontally?
.btn-group
.btn-toolbar
.btn-group-lg
.btn-group-vertical
Answer
Correct Answer:
.btn-group-lg
Note: This Question is unanswered, help us to find answer for this one
Check Answer
114.
Which of the following Bootstrap styles can be used to to get different sized items of .pagination?
.lg, .sm
.pagination-lg, .pagination-sm
.menu-lg, .menu-sm
None of the above.
Answer
Correct Answer:
.pagination-lg, .pagination-sm
Note: This Question is unanswered, help us to find answer for this one
Check Answer
115.
The following event is fired immediately when the hide instance method has been called?
$('#popoverExample').on('show.bs.popover', function () { // do something... })
$('#popoverExample').on('shown.bs.popover', function () { // do something... })
$('#popoverExample').on('hidden.bs.popover', function () { // do something... })
$('#popoverExample').on('hide.bs.popover', function () { // do something... })
Answer
Correct Answer:
$('#popoverExample').on('hide.bs.popover', function () { // do something... })
Note: This Question is unanswered, help us to find answer for this one
Check Answer
116.
The affix plugin toggles among the following classes? (choose all that apply)
.affix
affix-bottom
.affix-top
None of the above
Answer
Correct Answer:
.affix affix-bottom .affix-top
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
117.
Bootstrap provides the following classes that can be used to apply some simple styles to images? (choose all that apply)
.img-thumbnail: adds a bit of padding and a gray border
.img-rounded: adds border-radius: 6px to give the image rounded corners
.img-circle: makes the entire image round by adding border-radius: 50%
.img-rounded: adds border-recat: 6px to give the image react corners
.img-circle: makes the entire image radius by adding border-rounded
Answer
Correct Answer:
.img-thumbnail: adds a bit of padding and a gray border .img-rounded: adds border-radius: 6px to give the image rounded corners .img-circle: makes the entire image round by adding border-radius: 50%
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
118.
What is Twitter Bootstrap?
It's CSS API to build user interfaces while prototyping
It's HTML, CSS and JavaScript framework to build user interfaces
It's JS and ECMAScript framework which allows quick CSS changes
It's part of Twitter UI API
It's new way to build interfaces
Answer
Correct Answer:
It's HTML, CSS and JavaScript framework to build user interfaces
Note: This Question is unanswered, help us to find answer for this one
Check Answer
119.
Which class is used to create a black navigation bar?
.navbar-inverse
.navbar-black
.navbar-default
.navbar-dark
Answer
Correct Answer:
.navbar-inverse
Note: This Question is unanswered, help us to find answer for this one
Check Answer
120.
How can you insert a search icon?
span class="glyphicon glyphicon-search"></span>
<span class="glyph glyph-search"></span>
<span class="glyphicon-search"></span>
<span class="glyphicon search"></span>
Answer
Correct Answer:
span class="glyphicon glyphicon-search"></span>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
121.
Which code is correct way to get previous active tab's text?
$('.nav-tabs a').on('shown.bs.tab', function(event){ var xy = $(event.relatedTarget).previous(); });
$('.nav-tabs a').on('shown.bs.tab', function(event){ var xy = $(event.relatedTarget).back(); });
$('.nav-tabs a').on('shown.bs.tab', function(event){ var xy = $(event.relatedTarget).prev(); });
$('.nav-tabs a').on('shown.bs.tab', function(event){ var xy = $(event.relatedTarget).text(); });
Answer
Correct Answer:
$('.nav-tabs a').on('shown.bs.tab', function(event){ var xy = $(event.relatedTarget).text(); });
Note: This Question is unanswered, help us to find answer for this one
Check Answer
122.
Which code is correct in order to get the previous active tab's text?
$('.nav-tabs a').on('shown.bs.tab', function(event){ var xy = $(event.relatedTarget).previous(); });
$('.nav-tabs a').on('shown.bs.tab', function(event){ var xy = $(event.relatedTarget).back(); });
$('.nav-tabs a').on('shown.bs.tab', function(event){ var xy = $(event.relatedTarget).prev(); });
$('.nav-tabs a').on('shown.bs.tab', function(event){ var xy = $(event.relatedTarget).text(); });
Answer
Correct Answer:
$('.nav-tabs a').on('shown.bs.tab', function(event){ var xy = $(event.relatedTarget).text(); });
Note: This Question is unanswered, help us to find answer for this one
Check Answer
123.
The Bootstrap grid system has the following class prefixes? (choose all that apply)
col-lg-
col-sm-
col-em-
col-xs-
col-sx-
Answer
Correct Answer:
col-lg- col-sm- col-xs-
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
124.
What is true about icons in Bootstrap?
Bootstrap don't provide icons out of the box, but it's possible to use material design, font awesome or any other icons set together with bootstrap.
If icon is needed after the text of div, icon can be added simply like this: `<div class="glyphicon glyphicon-search">Search</div>`
Icon classes can be directly combined with any other elements.
Icon classes should be used only with empty elements
None of these
Answer
Correct Answer:
Icon classes should be used only with empty elements
Note: This Question is unanswered, help us to find answer for this one
Check Answer
125.
In Bootstrap, collapsing elements enables you to collapse any element without using external __?
LESS
CSS
JavaScript
Modal
Answer
Correct Answer:
JavaScript
Note: This Question is unanswered, help us to find answer for this one
Check Answer
126.
Which code will create bootstrap button?
button type="button" class="button success">Button</button>
<button type="button" class="btn btn-success">Button</button>
<btn class="success">Button</btn>
<button type="button" class="btn-flat">Button</button>
Answer
Correct Answer:
<button type="button" class="btn btn-success">Button</button>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
127.
What browsers are supported?
All browsers are supported.
All versions of Chrome, Firefox, Opera, IE and Safari.
Chrome, Safari, Firefox that updates automatically are fully supported and IE 8 and 9 are partly supported.
Chrome, Safari, Firefox that updates automatically are fully supported and IE 8 and 9 are supported only with old IE compatibility modes.
Answer
Correct Answer:
Chrome, Safari, Firefox that updates automatically are fully supported and IE 8 and 9 are partly supported.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
128.
Responsive utilities are currently only available for block and table toggling in the following classes:
.visible-sm-block : Small devices (more than 767px and less than 992px in width) visible
.visible-md-block : Medium devices (up to 768px in width) visible
.visible-md-block : Medium devices (768px to 980px in width) visible
.visible-lg : Larger devices (992px and above in width) visible
Answer
Correct Answer:
.visible-lg : Larger devices (992px and above in width) visible
Note: This Question is unanswered, help us to find answer for this one
Check Answer
129.
Bootstrap provides you with following types of form layouts: (choose all that apply)
Horizontal form
Inline form
Outline form
Vertical (default) form
Answer
Correct Answer:
Horizontal form
Note: This Question is unanswered, help us to find answer for this one
Check Answer
130.
What is Jumbotron?
Such thing does not exist in bootstrap, it's some word used to describe big TV sets
It's element to showcase key content
It's container element to hold grid layout
It's container element to hold images in full-screen mode
Answer
Correct Answer:
It's element to showcase key content
Note: This Question is unanswered, help us to find answer for this one
Check Answer
131.
You can Enable Carousel Controls using the following code snippet?
$(".item").click(function(){ $("#idCarousel").carousel(0); });
$("#idCarousel").carousel();
$(".item").click(function(){ $("#idCarousel").carousel(1); });
$(".left").click(function(){ $("#idCarousel").carousel("prev"); });
Answer
Correct Answer:
$(".left").click(function(){ $("#idCarousel").carousel("prev"); });
Note: This Question is unanswered, help us to find answer for this one
Check Answer
132.
Is it possible to disable zooming on mobile devices while using Bootstrap?
No, bootstrap is mobile-first and mobile sites must have ability to zoom in or out
Yes, but you must have enabled JS and add `data-zoom="off"` on body tag
Zoom will be disabled only if `width=device-width` is in meta tag with `name="viewport"`
Zoom will be disabled only if `initial-scale=1, maximum-scale=1` is in meta tag with `name="viewport"`
Answer
Correct Answer:
Zoom will be disabled only if `initial-scale=1, maximum-scale=1` is in meta tag with `name="viewport"`
Note: This Question is unanswered, help us to find answer for this one
Check Answer
133.
What is default way to have red button?
button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-default-red">Default as red</button>
<button type="button" class="btn" color="red">Red</button>
<button type="button" class="btn btn-red">Red</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-alert">Danger</button>
Answer
Correct Answer:
<button type="button" class="btn btn-danger">Danger</button>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
134.
Which class provides a responsive fixed width container?
.container-fixed
.container-fluid
.container
.container-fullwidth
Answer
Correct Answer:
.container
Note: This Question is unanswered, help us to find answer for this one
Check Answer
135.
Which class provides a full width container, spanning the entire width of the viewport?
.container-fluid
.container-fixed
.container-fullwidth
.container
Answer
Correct Answer:
.container-fluid
Note: This Question is unanswered, help us to find answer for this one
Check Answer
136.
Which of the following tags is used to show keyboard combinations?
section>
<code>
<keyboard>
<kbd>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
137.
Which of the following meta tags is important to ensure proper rendering and touch zooming?
meta content="text">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta http-equiv="refresh" content="30">
Answer
Correct Answer:
<meta name="viewport" content="width=device-width, initial-scale=1">
Note: This Question is unanswered, help us to find answer for this one
Check Answer
138.
Which of the following classes makes table look like "zebra"?
.table-break
.table-zebra
.table-strap
.table-striped
Answer
Correct Answer:
.table-striped
Note: This Question is unanswered, help us to find answer for this one
Check Answer
139.
Which of the following CSS codes can be used to add asterisks to required fields in a form?
.form-group.required .control-label:after { content:"*"; color:red; }
.form-group:required{ content:"*"; color:red; }
.form-group:after{ content:"*"; color:red; }
None of the above
Answer
Correct Answer:
.form-group.required .control-label:after { content:"*"; color:red; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
140.
How to create block level button which span all width of its parent element?
.btn-wide
.btn-full
.btn-container
.btn-block
Answer
Correct Answer:
.btn-block
Note: This Question is unanswered, help us to find answer for this one
Check Answer
141.
Which class shapes an image to a circle?
.img-thumbnail
.img-round
.img-circle
.img-rounded
Answer
Correct Answer:
.img-circle
Note: This Question is unanswered, help us to find answer for this one
Check Answer
142.
Why Normalize.css is used in Bootstrap framework?
To optimize the size of Bootstrap source files
To improve cross-browser rendering
To import google fonts directly to Bootstrap css
None of the above
Answer
Correct Answer:
To improve cross-browser rendering
Note: This Question is unanswered, help us to find answer for this one
Check Answer
143.
Which class can be used for the page header element?
.page-title
.page-header
.header
None of the above
Answer
Correct Answer:
.page-header
Note: This Question is unanswered, help us to find answer for this one
Check Answer
144.
Which class is used to create a big box for calling extra attention?
.bigbox
.jumbotron
.container
.attention
Answer
Correct Answer:
.jumbotron
Note: This Question is unanswered, help us to find answer for this one
Check Answer
145.
Which of the following bootstrap classes can be used to create tabs?
.navigation .navigation-tabs
.nav .nav-tabs
.nav-tabs-navigation .nav-tabs-children
None of the above
Answer
Correct Answer:
.nav .nav-tabs
Note: This Question is unanswered, help us to find answer for this one
Check Answer
146.
Which of the following image helpers do not exist?
.img-rounded
.img-circle
.img-bordered
.img-thumbnail
Answer
Correct Answer:
.img-bordered
Note: This Question is unanswered, help us to find answer for this one
Check Answer
147.
What will be the color of the button with btn-primary class?
Blue
Red
White
Black
Note: This Question is unanswered, help us to find answer for this one
Check Answer
148.
What is the right way to create checkbox with using Bootstrap?
label class="checkbox"> <input type="checkbox" value="checked"> Accept terms </label>
<div class="checkbox"> <label> <input type="checkbox" value="checked"> Accept terms </label> </div>
<div class="checkbox"> <input type="checkbox" value="checked"> <label>Accept terms</label> </div>
<div class="checkbox"> <label>Accept terms</label> <input type="checkbox" value="checked"> </div>
Answer
Correct Answer:
<div class="checkbox"> <label> <input type="checkbox" value="checked"> Accept terms </label> </div>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
149.
What is the right way to create a page header with subtext inside?
h1 class="page-header">Ruby on Rails <small>by Matz</small></h1>
<h1 class="page-header">Ruby on Rails <small class="header-subtext">by Matz</small></h1>
<div class="page-header"> <h1>Ruby on Rails <small>by Matz</small></h1> </div>
<div class="page-header"> <h1>Ruby on Rails <small class="header-subtext">by Matz</small></h1> </div>
Answer
Correct Answer:
<div class="page-header"> <h1>Ruby on Rails <small>by Matz</small></h1> </div>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
150.
What is the right way to place link into alert box?
div class="alert alert-warning"> Warning! <a href="#">Read documentation.</a> </div>
<div class="alert alert-warning alert-highlight-links"> Warning! <a href="#">Read documentation.</a> </div>
<div class="alert alert-warning"> Warning! <a href="#" class="alert-link">Read documentation.</a> </div>
<div class="alert alert-warning"> Warning! <a href="#" class="alert-warning-link">Read documentation.</a> </div>
Answer
Correct Answer:
<div class="alert alert-warning"> Warning! <a href="#" class="alert-link">Read documentation.</a> </div>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
151.
Which class can be used to make an inline list?
.list-within-line
.list-by-line
.list-line
.list-inline
Answer
Correct Answer:
.list-inline
Note: This Question is unanswered, help us to find answer for this one
Check Answer
152.
Which button class is used to create a large button?
.btn-lg
.btn-large
.btn-l
.btn-xl
Note: This Question is unanswered, help us to find answer for this one
Check Answer
153.
How do you wrap form set of label and input?
.form-set
.form-group
.from-element
.form-item
Answer
Correct Answer:
.form-group
Note: This Question is unanswered, help us to find answer for this one
Check Answer
154.
How to add badge into button?
button class="btn btn-primary btn-with-badge"> Messages <span>4</span> </button>
<button class="btn btn-primary"> Messages <span class="badge">4</span> </button>
<button class="btn btn-primary"> Messages <span class="btn-badge">4</span> </button>
<button class="btn btn-primary">Messages</button> <span class="btn-badge">4</span>
Answer
Correct Answer:
<button class="btn btn-primary"> Messages <span class="badge">4</span> </button>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
155.
Which of the following classes is used to make a paragraph stand out?
s-out
big
lead
first
Note: This Question is unanswered, help us to find answer for this one
Check Answer
156.
Which of the following is the correct way to do the pagination with Bootstrap?
nav aria-label="Page navigation"> <ul class="pagination"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul> </nav>
nav aria-label="Page navigation"> <ul class="pagination"> <p><a href="#">1</a></p> <p><a href="#">2</a></p> <p><a href="#">3</a></p> <p><a href="#">4</a></p> <p><a href="#">5</a></p> </ul> </nav>
nav aria-label="Page navigation"> <ul class="pagination"> <i><a href="#">1</a></i> <i><a href="#">2</a></i> <i><a href="#">3</a></i> <i><a href="#">4</a></i> <i><a href="#">5</a></i> </ul> </nav>
None of the above
Answer
Correct Answer:
nav aria-label="Page navigation"> <ul class="pagination"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul> </nav>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
157.
What is "sr-only" class needed for in Bootstrap?
the class is used to hide only service rules
the class is used to show only service rules
the class is used to show information intended only for screen readers from the layout of the rendered page.
the class is used to hide information intended only for screen readers from the layout of the rendered page
Answer
Correct Answer:
the class is used to hide information intended only for screen readers from the layout of the rendered page
Note: This Question is unanswered, help us to find answer for this one
Check Answer
158.
Which of the following classes will make table responsive?
.table-scrollable
.table-condensed
.table-responsive
.table-striped
Answer
Correct Answer:
.table-responsive
Note: This Question is unanswered, help us to find answer for this one
Check Answer
159.
Which tag can be used to highlight the text?
tag>
<span>
<hover>
<mark>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
160.
Which of the following class can be used to create a breadcrumb?
.menu
.navbar
.items
.breadcrumb
Answer
Correct Answer:
.breadcrumb
Note: This Question is unanswered, help us to find answer for this one
Check Answer
161.
Which of these list types exist in Bootstrap? (check any that apply)
.list-aligned
.list-unstyled
.list-inline
.list-block
Answer
Correct Answer:
.list-unstyled .list-inline
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
162.
Which class adds zebra-stripes to a table?
.table-zebra
.table-bordered
.even and .odd
.table-striped
Answer
Correct Answer:
.table-striped
Note: This Question is unanswered, help us to find answer for this one
Check Answer
163.
Which of the following is not contextual class?
.active
.danger
.success
.failure
Note: This Question is unanswered, help us to find answer for this one
Check Answer
164.
Which class is used to create a button group?
.btn-group
.button-group
.group-button
.group-btn
Answer
Correct Answer:
.btn-group
Note: This Question is unanswered, help us to find answer for this one
Check Answer
165.
Which of the following button classes do not exist? (check any that apply)
.btn-default
.btn-primary
.btn-secondary
.btn-warning
.btn-error
Answer
Correct Answer:
.btn-secondary .btn-error
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
166.
Which Bootstrap class is used to create responsive tables?
table-responsive
table-bootstrap
responsive-table
bootstrap-table
Answer
Correct Answer:
table-responsive
Note: This Question is unanswered, help us to find answer for this one
Check Answer
Bootstrap MCQs | Topic-wise