Bootstrap quiz questions

Bootstrap interview questions

  • 1.

    Which of the following bootstrap style is to be used if you want to create an inverted .navbar with a black background and with white text?
     

    1.  .navbar-reverse
       

    2.  .navbar-inverse
       

    3.  .navbar-inverted
       

    4.  None of the above.
       

    Answer
  • 2.

    Which of the following bootstrap style is to be used if you want to create a .navbar that scrolls with the page?
     

    1.  .navbar-static-top
       

    2.  .navbar-fixed
       

    3.  .navbar-fixed-top
       

    4.  None of the above.
       

    Answer
  • 3.

     Which of the following bootstrap style is used to align .nav links, forms, buttons, or text to left or right in a .navbar?
     

    1. .navbar-align
       

    2. .navbar-left, .navbar-right
       

    3.  .alignment
       

    4.  None of the above.
       

    Answer
  • 4.

    Which of the following bootstrap style is used to add standard links to .navbar?
     

    1. .navbar-link
       

    2. .link
       

    3. .form-link
       

    4.  None of the above.
       

    Answer
  • 5.

    Which of the following bootstrap style is used to add text to .navbar?
     

    1.  .navbar-text
       

    2. .text
       

    3. .form-text
       

    4.  None of the above.
       

    Answer
  • 6.

     Which of the following bootstrap style is used to add button to .navbar?
     

    1.  .navbar-.btn
       

    2.  ..btn
       

    3.  .form-.btn
       

    4. None of the above.
       

    Answer
  • 7.

     Which of the following bootstrap styles are used to add a dropdown to a pills?
     

    1. .nav, .nav-tab, .menu
       

    2. .nav, .nav-pills, .dropdown-.menu
       

    3. .nav, .nav-pills, .dropdown
       

    4. .nav, .nav-pills
       

    Answer
  • 8.

    Which of the following bootstrap styles are used to add a dropdown to a tab?
     

    1.  .nav, .nav-tabs, .menu
       

    2.  .nav, .nav-tabs, dropdown-.menu
       

    3.  .nav, .nav-pills, .dropdown
       

    4.  .nav, .nav-pills
       

    Answer
  • 9.

    Which of the following bootstrap styles are used to create a disabled tab in tabs navigation?
     

    1.  .nav, .nav-tabs, .disabled
       

    2.  .nav, .nav-tabs
       

    3.  .nav, .nav-pills, .nav-disabled
       

    4.  .nav, .nav-pills
       

    Answer
  • 10.


    Which of the following bootstrap styles are used to create a justified tabs navigation?
     

    1. .nav, .nav-tabs
       

    2. .nav, .nav-pills
       

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

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

    Answer
  • 11.

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

    1.  .nav, .nav-tabs
       

    2.  .nav, .nav-pills
       

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

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

    Answer
  • 12.

     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
  • 13.

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

    1. .nav, .nav-tabs

    2. .nav, .nav-pills

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

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

    Answer
  • 14.

      Which of the following bootstrap style makes a set of buttons appear vertically stacked rather than horizontally?
     

    1.   .btn-group
       

    2.  .btn-toolbar
       

    3.  .btn-group-lg
       

    4.  .btn-group-vertical
       

    Answer
  • 15.

    Which of the following bootstrap style can be applied to button group instead of resizing each button?
     

    1.  .btn-group
       

    2.  .btn-toolbar
       

    3. .btn-group-lg
       

    4.  .btn-group-vertical
       

    Answer
  • 16.

     Which of the following bootstrap style helps to combine sets of for more complex components?

     

    1.   .btn-group
       

    2. .btn-toolbar
       

    3.  .btn-group-lg
       

    4. .btn-group-vertical
       

    Answer
  • 17.

      Which of the following bootstrap style is used for a basic button group?
     

    1.  .btn-group
       

    2. .btn-toolbar
       

    3.  .btn-group-lg
       

    4. .btn-group-vertical
       

    Answer
  • 18.

      Which of the following bootstrap style of image adds a bit of padding and a gray border?

    1.   .img-rounded
       

    2. .img-circle
       

    3.  .img-thumbnail
       

    4.  None of the above.
       

    Answer
  • 19.

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

    1.   .img-rounded
       

    2.  .img-circle
       

    3.  .img-thumbnail
       

    4.  None of the above.
       

    Answer
  • 20.

     Which of the following bootstrap style of image gives the image rounded corners?
     

    1.  .img-rounded
       

    2.  .img-circle
       

    3.  .img-thumbnail
       

    4.  None of the above.
       

    Answer

© 2017 QuizBucket.org