Bootstrap quiz questions

Bootstrap interview questions

  • 1.

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

    1.  .table

    2.  .table-st riped

    3.  .table-bordered

    4. .table-hover

    Answer
  • 2.

    Which of the following class styles a table as a nice basic table with just some light padding and horizontal dividers?

    1.  .table

    2.  .table-st riped

    3.  .table-bordered

    4.  .table-hover
       

    Answer
  • 3.

     Which of the following is correct about Bootstrap cross browser consistency?
     

    1.   Bootst rap uses Normalize to establish cross browser consistency

    2.   Normalize.css is a modern, HTML5-ready alternative to CSS resets.

    3.   Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements.

    4.   All of the above.

    Answer
  • 4.

    Which of the following is correct about Bootstrap Responsive Images?
     

    1. Bootst rap 3 allows you to make the images responsive by adding a class ..img-responsive to the <.img> tag.

    2.  ..img-responsive class applies max-width: 100%; and height: auto; to the image so that it
      scales nicely to the parent element.
       

    3. Both of the above.

    4. None of the above..

    Answer
  • 5.

    Which of the following is correct about Bootstrap Media Query?
     

    1. You need to add the viewport meta tag to the element, to ensure proper rendering and touch zooming on mobile devices.

    2. width property cont rols the width of the device. Setting it to device-width will make sure that it is rendered across various devices (mobiles,desktops,tablets...) properly.

    3. initial-scale=1.0 ensures that when loaded, your web page will be rendered at a 1:1 scale, and no zooming will be applied out of the box.

    4. All of the above.
       

    Answer
  • 6.

    Which of the following is correct about Bootstrap Grid System?
     

    1. 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.

    2. 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.

    3. 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.

    4. All of the above.

    Answer
  • 7.

    Which of the following is correct about Bootstrap Grid System?
     

    1. Rows must be placed within a .container class for proper alignment and padding

    2. Use rows to create horizontal groups of columns.

    3. Content should be placed within the columns, and only columns may be the immediate children of rows

    4. All of the above.
       

    Answer
  • 8.

    Which of the following is a part of Mobile First Strategy of Bootstrap?

    1. Content: Determine what is most important

    2.  Layout: Design to smaller widths first. Base CSS address mobile device first; media queries address for tablet, desktops.

    3. Progressive Enhancement: Add elements as screen size increases.

    4. All of the above.

    Answer
  • 9.

    Which of the following is correct about Bootstrap?

    1. Bootst rap is a sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development.

    2. It uses HTML, CSS and Javascript.
       

    3. Bootst rap was developed by Mark Otto and Jacob Thornton at Twitter.
       

    4. All of the above. 

    Answer
  • 10.

     Which of the following is correct about Bootstrap badges?

    1.  Badges are similar to labels; the primary difference is that the corners are more rounded.
       

    2. Badges are mainly used to highlight new or unread items.
       

    3. To use badges just add <span class="badge"> to links, Bootstrap navs, and more.
       

    4.  All of the above.
       

       

    Answer
  • 11.

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

    1. Applies a CSS fade transition to the popover.

    2. Inserts HTML into the popover. If false, jQuery's text method will be used to insert content into the dom.

    3.  Specifies how to position the popover (i.e., top|bottom|left|right|auto).

    4.  Delegates to the specified targets.

       

    Answer
  • 12.

    Which of the following is correct about Tab Plugin?

    1. You can toggle the Tab plugin's hidden content via data attributes.

    2. You can toggle the Tab plugin's hidden content via javascript.

    3.  Both of the above.

    4.  None of the above.

    Answer
  • 13.

    Which of the following is correct about bootstrap panels?

    1.  Panel components are used when you want to put your DOM component in a box.

    2.  To get a basic panel, just add class .panel to the

      element. Also add class .panel-default to this element.

       

    3.  Both of the above.

    4.  None of the above.

       

    Answer
  • 14.

     Which of the following bootstrap styles can be used to create a Animated progress bar?

    1.  .progress-active

    2. .active

    3.  .progress-striped.

    4.  None of the above.

       

    Answer
  • 15.

    Which of the following bootstrap style is used to create a .breadcrumb?

    1.  .breadcrumb

    2.  .navbar

    3.  .menu

    4.  None of the above.

       

    Answer
  • 16.

    Which of the following bootstrap styles are used to create a vertical pills navigation?

    1. .nav, .nav-tabs

    2. .nav, .nav-pills

    3.  .nav, .nav-pills, .nav-stacked

    4. .nav, .nav-tabs, .nav-justified

       

    Answer
  • 17.

    Which of the following bootstrap style of button creates block level buttons that span the full width of a parent?

    1.  .btn-lg

    2.  .btn-sm

    3.  .btn-xs

    4.  .btn-block

       

    Answer
  • 18.

    Which of the following bootstrap style of button indicates a successful or positive action?

    1. .btn

    2.  .btn-primary

    3.  .btn-success

    4.  .btn-info

       

    Answer
  • 19.

    Which of the following class indicates a dangerous or potentially negative action?

    1. active

    2. success

    3. warning

    4. danger

    Answer
  • 20.

    Which of the following is correct about Bootstrap Media Query?
     

    1. Media query is a really fancy term for "conditional CSS rule".
       

    2. It simply applies some CSS, based on certain conditions set forth. If those conditions are met, the style is applied.
       

    3. Both of the above.
       

    4. None of the above..
       

    Answer

© 2017 QuizBucket.org