BOOTSTRAP QUIZ DESCRIPTION

Bootstrap is a free front-end framework

  • TRUE
     

  • FALSe

Which one is the bootstrap JS CDN url

  • <script src=”http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js”&gt;
     

  • <script src=”http://cdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js”&gt;

  • <script src=”http://maxcdn.bootstrap.com/bootstrap/3.2.0/js/bootstrap.min.js”&gt;

  • <script src=”http://max.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js”&gt;
     

Containers are nestable

  • TRUE
     

  • FALSE

The Bootstrap grid system has four classes which defines screen size:

  • s, sm, mid, lg 
     

  • xs, sm, md, lg

  • x, sm, md, lg

  • xs, sml, mid, lg

Change the order of the grid columns with

  • .col-md-front-* and .col-md-back-*
     

  • col-md-right-* and .col-md-left-*

  • .col-md-move-right-* and .col-md-move-left-*

  • col-md-push-* and .col-md-pull-*

Which is default for a form

  • Horizontal Form
     

  • Vertical Form

  • Inline Form

  • None of these

Glyphicons used for

  • using different icons like badge
     

  • using slideshow

  • using animation

  • using favicon

The .container-fluid class provides

  • Fixed width container
     

  • Table format

  • To create a Form

  • Full width container

Large devices are defined as having a screen width from

  • 1000 pixels and above
     

  • 1100 pixels and above

  • 1200 pixels and above

  • 1024 pixels and above

Ques. Bootstrap’s grid system allows up to

  • 6 columns across the page
     

  • 12 columns across the page

  • columns across the page

  • columns across the page

In Bootstrap Small devices are defined as having a screen width from

  • 512 pixels to 1024 pixels
     

  • 256 pixels to 1024 pixels

  • 700 pixels to 900 pixels

  • 768 pixels to 991 pixels

A standard navigation tab is created with:

  • <ul class=”navigation-tabs”>
     

  • <ul class=”nav tabs”>

  • <ul class=”navnav-tabs”>

  • <ul class=”navnav-navbar”>

Which of the following bootstrap style of button indicates caution should be taken with this action?

  • btn-warning
     

  • btn-danger

  • btn-link

  • btn-info

Which class should be used for creating page navigation with Previous and Next.

  • pagination
     

  • pager

  • nav

  • carousel

Which of the following is correct about data-trigger Data attribute of popover Plugin?

  • Sets the default title value if the title attribute isn’t present.
     

  • Defines how the popover is triggered.

  • Defines default content value if data-content attribute isn’t present

  • Delays showing and hiding the popover in ms.

Which of the following bootstrap style of image makes the entire image round by adding border-radius:500px?

  • img-rounded
     

  • .img-circle

  • .img-thumbnail

  • None of the above.

A standard navigation bar is created with:

  •  <nav class=”navnavbar”>
     

  • <nav class=”navbar default-navbar”>

  • <nav class=”navbar navbar-default”>

  • <nav class=”navigationbarnavbar-default”>

Stacked-to-horizontal grid becomes

  • horizontal on desktops
     

  • horizontal on mobiles/tablets

  • horizontal on all devices

  • stacked on all devices

Which of the following is correct about Bootstrap Grid System?

  • Predefined grid classes like .row and .col-xs-4 are available for quickly making grid layouts. LESS mixins can also be used for more semantic layouts.
     

  • Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and the last column via negative margin on .rows.

  • Grid columns are created by specifying the number of twelve available columns you wish to span. For example, three equal columns would use three .col-xs-4.

  • All of the above.

Which of the following bootstrap style helps to combine sets of <div class=”btn-group”> into a <div class=”btn-toolbar”> for more complex components?

  • btn-group
     

  • btn-toolbar

  • btn-group-lg

  • btn-group-vertical

.col-lg provides

  • To make width size
     

  • To make height size

  • To make width and height both

  • To make character entry size

Medium devices are defined as having a screen width from
 

  • 900 pixels to 1000 pixels
     

  • 768 pixels to 991 pixels

  • 992 pixels to 1199 pixels

  • 512 pixels to 2048 pixels

Which of the following class makes circle image

  • .img-circle-corner
     

  • .img-crl

  • img-circle

  • .img-clr

Who maintained AngularJS?

  • Google
     

  •  A community of individuals and corporations

  • Oracle

  •  Both A. and B.

Which of the following is correct about Bootstrap Grid System?

  • Predefined grid classes like .row and .col-xs-4 are available for quickly making grid layouts. LESS mixins can also be used for more semantic layouts.
     

  •  Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and the last column via negative margin on .rows.
     

  • Grid columns are created by specifying the number of twelve available columns you wish to span. For example, three equal columns would use three .col-xs-4.
     

  • All of the above.

Inthe width=device-width part sets

  • To view in Desktop only
     

  • The width of the page to follow the screen-width of the device (which will vary depending on the device)

  • To view for Mobile only

  • None of these

Which of the following class makes thumbnail image

  • .img-tmbnail
     

  • .img-thumbnail-image

  • .img-thumb

  • img-thumbnail

Which of the following is correct about bootstrap media objects?

  • These are abstract object styles for building various types of components (like blog comments, Tweets, etc.) that feature a left-aligned or right-aligned image alongside the textual content.
     

  • The goal of the media object is to make the code for developing these blocks of information drastically shorter.

  • Both of the above.

  • None of the above.

The .container class provides

  • Full width container
     

  • Fixed width container

  • Table format

  • To create a Form

Using the Bootstrap CDN makes:

  • Slows the connection
     

  • Many users already have downloaded Bootstrap from MaxCDN when visiting another site. As a result, it will be loaded from cache when they visit your site, which leads to faster loading time

  • Will make extra http connection

  • None