Bootstrap quiz questions

Bootstrap interview questions

  • 1.

    Which of the following is correct about data-backdrop Data attribute of Modal Plugin?
     

    1. It specifies static for a backdrop, if you don't want the modal to be closed when the user clicks outside of the modal.

    2. It closes the modal when escape key is pressed; set to false to disable.

    3. It shows the modal when initialized.

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

     Which of the following is correct about Modal Plugin?
     

    1.  You can toggle the modal plugin's hidden content via data att ributes.
       

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

    3.  Both of the above.
       

    4. None of the above.
       

    Answer
  • 3.

     Which of the following is correct about Transition Plugin?
     

    1.   Transition.js is a basic helper for t ransitionEnd events as well as a CSS t ransition emulator.
       

    2. It is used by the other plugins to check for CSS t ransition support and to catch hanging
      t ransitions.

    3.  Both of the above.
       

    4.  None of the above.
       

    Answer
  • 4.

    Which of the following is correct about bootstrap wells?
     

    1. A well is a container in that causes the content to appear sunken or an inset effect on the page.

       

    2. To create a well, simply wrap the content that you would like to appear in the well with a

      containing the class of .well.

       

    3.  Both of the above.
       

    4.  None of the above.
       

    Answer
  • 5.

    Which of the following class can be used to add a footer to a panel?
     

    1.   .panel-footer
       

    2. .footer
       

    3.  .panel
       

    4.  None of the above.
       

    Answer
  • 6.

    Using which of the following ways you can add header to a panel?
     

    1.  Use .panel-heading class to easily add a heading container to your panel.
       

    2.  Use any

      -

      with a .panel-title class to add a pre-styled heading.
       

       

    3.  Both of the above.
       

    4.  None of the above.
       

    Answer
  • 7.

      Which of the following is correct about bootstrap media objects?
     

    1. These are abst ract 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.

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

    3.  Both of the above.
       

    4.  None of the above.
       

    Answer
  • 8.

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

    1.   .progress-stacked
       

    2.  .progress
       

    3.  .progress-stack.
       

    4.  None of the above.
       

    Answer
  • 9.

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

    1.   .progress-active
       

    2. .active
       

    3. .progress-st riped.
       

    4.  None of the above.
       

    Answer
  • 10.

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

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

    2.  .success, .info, .warning, .danger
       

    3. .progress-st riped.
       

    4.  None of the above.
       

    Answer
  • 11.

     Which of the following bootstrap styles can be used to create progress bars with different styles?
     

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

    2.  .success, .info, .warning, .danger
       

    3. .progress, .progress-bar
       

    4.  None of the above.
       

    Answer
  • 12.

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

    1.  .progress, .progress-bar
       

    2.  .nav-progress
       

    3. .link-progress-bar
       

    4.  None of the above.
       

    Answer
  • 13.

    Which of the following is correct about Bootstrap jumbotron?
     

    1. This component can optionally increase the size of headings and add a lot of margin for landing
       

    2. page content. To use the Jumbot ron: Create a container

      with the class of .jumbot ron.

       

    3. Both of the above.
       

    4. None of the above.
       

    Answer
  • 14.

    Which of the following bootstrap style can be used to get a muted look on a pager buttons?
     

    1.  .pager-disabled
       

    2. .disabled
       

    3.  .link-disabled
       

    4.  None of the above.
       

    Answer
  • 15.

    Which of the following bootstrap style can be used to align .pager buttons?
     

    1. .pager-previous, .pager-next
       

    2. .previous, .next
       

    3. .link-previous, .link-next
       

    4.  None of the above.
       

    Answer
  • 16.

    Which of the following bootstrap style can be used to create a pager on a page?
     

    1. .pager
       

    2. .pagination
       

    3. .nav
       

    4. None of the above.
       

    Answer
  • 17.

     Which of the following bootstrap style can be used to to get different size items of .pagination?
     

    1.   .lg, .sm
       

    2.  .pagination-lg, .pagination-sm
       

    3.  .menu-lg, .menu-sm
       

    4.  None of the above.
       

    Answer
  • 18.

     Which of the following bootstrap style can be used to customize .pagination links?
     

    1.  .disabled, .active
       

    2.  .pagination-active, .pagination-disabled
       

    3.  .menu-active, .menu-disabled
       

    4.  None of the above.
       

    Answer
  • 19.

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

    1.  .breadcrumb
       

    2. .pagination
       

    3. .menu
       

    4. None of the above.
       

    Answer
  • 20.

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

    1.  .breadcrumb
       

    2.  .navbar
       

    3.  .menu
       

    4.  None of the above.
       

    Answer

© 2017 QuizBucket.org