Bootstrap MCQ Questions with Answers – Here provide Bootstrap MCQ (Multiple Choice Questions). You can learn and practice bootstrap questions with answers.
1) Who developed the bootstrap?
A) James Gosling
B) Mark Jukervich
C) Dennis Ritchie
D) Mark Otto and Jacob Thornton
Answer : (d)
Explanation : Mark Otto and Jacob Thornton developed bootstrap at Twitter. It was released as an open-source product in August 2011 on GitHub.
2) Is Bootstrap3 mobile-first?
A) True
B) False
C) Can’t say
D) May be
Answer : (a)
Explanation : Bootstrap 3 is the most stable version of Bootstrap, and it is still supported by the team for critical bugfixes and documentation changes. Bootstrap is more than efficient to create a responsive and mobile-first website.
3) Which of the following class in Bootstrap is used to provide a responsive fixed width container?
A) .container-fixed
B) .container-fluid
C) .container
D) All of the above
Answer : (c)
Explanation : In Bootstrap, a container is used to set the content’s margins dealing with the responsive behaviors of your layout. The .container class is used to create boxed content.
4) How many columns are allowed in a bootstrap grid system?
A) 2
B) 12
C) 3
D) 5
Answer : (b)
Explanation : The Bootstrap Grid System allows up to 12 columns across the page. You can use all 12 columns individually, or you can groups the columns together to create wider columns.
5) Which of the following class in bootstrap is used to create a big box for calling extra attention?
A) .box
B) .container
C) .container-fluid
D) .jumbotron
Answer : (d)
Explanation : A Bootstrap jumbotron specifies a big box for getting extra attention to some special content or information. It is displayed as a grey box with rounded corners. It can also enlarge the font sizes of the text inside it. The class .jumbotron within the <div> element is used to create a jumbotron.
6) The correct syntax of creating a standard navigation bar is –
A) <nav class=”navigationbar navbar”>
B) <nav class=”navbar navbar-default”>
C) <nav class=”nav navbar”>
D) <nav class=”navbar default”>
Answer : (b)
Explanation : A navigation bar is like a navigation header that is placed at the top of the page. You can collapse or extend it according to the screen size. You can create a standard navigation bar at the top of the page with <nav class=”navbar navbar-default”>.
7) Which of the following is the correct syntax of creating a standard navigation tab?
A) <ul class=”navigation nav-tabs”>
B) <ul class=”nav tab”>
C) <ul class=”nav nav-tabs”>
D) <ul class=”navigation tabs”>
Answer : (c)
Explanation : We can create a basic navigation tab with <ul class=”nav nav-tabs”>.
8) Which of the following class is used to create a black navigation bar?
A) .navbar-default
B) .navbar-inverse
C) .navbar-black
D) .navbar-dark
Answer : (b)
Explanation : Inverted navigation bar provides an alternative black navbar. It can be used to style the default navigation bar by changing .navbar-default class into .navbar-inverse class.
9) The plugin used to create a cycle through elements as a slideshow is –
A) slideshow
B) scrollspy
C) carousel
D) None of the above
Answer : (c)
Explanation : The Bootstrap carousel is a flexible, responsive way that is used to add a slider to your webpage. The carousel plugin is a component for cycling through an element, like a slideshow. If you want to add plugin functionality individually, then you have to use carousel.js file or all at once (using “bootstrap.js” or “bootstrap.min.js”).
10) Which of the following class in Bootstrap is used to create a dropdown menu?
A) .dropdown
B) .select
C) .select-list
D) None of the above
Answer : (a)
Explanation : Dropdown menus are toggleable, contextual menus, used for displaying links in a list format. It facilitates users to choose one value from a predefined list. We have to wrap dropdown menu within the class .dropdown to create Bootstrap Dropdown.
11) Which of the following class in Bootstrap is used to create a basic list group?
A) .grouped-list
B) .select-list
C) .list-group
D) .list-grouped
Answer : (c)
Explanation : The class “.list-group” within the <div> element and the class “.list-group-item” within the <li> element are used to create a basic list group. Bootstrap list group is used to create a group of list with list items.
12) The class used to shape an image to a circle is –
A) .img-rounded
B) .img-circle
C) .img-rounded
D) None of the above
Answer : (b)
Explanation : The class .img-circle is used to shape the image into a circle (IE8 does not support rounded corners).
13) Which of the following class in Bootstrap is used to add a zebra-stripe to a table?
A) .tab-striped
B) .zebra-strip
C) .table-stripped
D) .table-striped
Answer : (d)
Explanation : We can create different types of Bootstrap tables by using different classes to style them. The .table-striped class is used to add zebra-stripes to a table.
14) Which of the following class in Bootstrap is used to create a large button?
A) .btn-xl
B) .btn-lrg
C) .btn-large
D) .btn-lg
Answer: (d)
Explanation : We can use the .btn-lg class in bootstrap to create a large button.
15) Which of the following plugin in Bootstrap is used to create a modal window?
A) popup
B) alert
C) modal
D) window
Answer : (c)
Explanation : The bootstrap modal plugin is a dialog box/popup window that is displayed on top of the current page.
16) Which of the following class in Bootstrap is used to create basic pagination?
A) .page
B) .pagin
C) .paginate
D) .pagination
Answer : (d)
Explanation : Pagination is used to sort the web pages of your website in an organized manner. It becomes very necessary if your website has a lot of web pages. We can add the .pagination class to get the pagination on our page.
17) Which of the following class in Bootstrap is used to create a badge?
A) .tag
B) .badge
C) .page
D) .flag
Answer : (b)
Explanation : Bootstrap Badges are numerical indicators used to show that how many items are associated with the specific link. Badges are used to highlight new or unread items. The class .badge within the element is used to create badges.
18) The class in Bootstrap used to provide rounded corners to the image is –
A) .img-circle
B) .image-circle
C) .image-rounded
D) .img-rounded
Answer : (d)
Explanation : The class .img-rounded is used to add rounded corners to an image (IE8 does not support rounded corners). It adds border-radius: 6px to give the image rounded corners.
19) Which of the following class in Bootstrap is used to create a panel?
A) .panel
B) .container
C) .box
D) .jumbotron
Answer : (a)
Explanation : In Bootstrap, a panel is a bordered box with some padding around its element. The class .panel is used within the <div> element to create Bootstrap panels.
20) Using which of the following, we can create a pager in Bootstrap?
A) .carousel
B) .collapse
C) .pager
D) None of the above
Answer : (c)
Explanation : Bootstrap pager is a form of pagination. The “.pager” class is used within the <ul> element to create the previous / next buttons. It is used to create previous and next buttons (links).
21) The class in Bootstrap which is used to specify the collapsible elements is –
A) .collapse
B) .carousel
C) .pager
D) None of the above
Answer : (a)
Explanation : Bootstrap collapse is used when you want to hide and show a large amount of content. The “.collapse” class is used to specify the collapsible element.
Leave a Reply