Important Bootstrap Interview Questions
Q – 1 Do you know what is Bootstrap well?
Ans- Bootstrap well is a container that makes the content to appear sunken or an inset effect on the page. In order to create a well, wrap the content that you would like to appear in the well with a containing the class of .well.
Q – 2 Tell me what is Bootstrap Grid System?
Ans- Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.
Q – 3 What is button group in Bootstrap?
Ans- Button groups allow multiple buttons to be stacked together on a single line. This is useful when you want to place items like alignment buttons together.
Q – 4 What is Bootstrap Container in Bootstrap?
Ans- Bootstrap container is a class which is useful and creating a centred area in the page for display.
Q – 5 Tell me what is Bootstrap collapsing elements?
Ans- Bootstrap collapsing elements enables you to collapse any particular element without writing any JavaScript code or the accordion markup.
In Bootstrap to apply collapsing elements you have to add data-toggle= “collapse” to the controller element along with a data-target or href to automatically assign control of a collapsible element. Likewise, you can use .collapse (options), .collapse (‘show’) or .collapse (‘hide’)
Q – 6 What is Fluid Layout in Bootstrap?
Ans- Fluid layout adapts itself to different browser. Means design automatic adjust according to browser size.
Q – 7 What is Bootstrap collapsing elements?
Ans- Bootstrap collapsing elements enables you to collapse any element without using external JavaScript.
Q – 8 Do you know what is Bootstrap Jumbotron?
Ans- As the name suggest this component can optionally increase the size of headings and add a lot of margin for landing page content. To use the Jumbotron −
☛ Create a container with the class of .jumbotron.
☛ In addition to a larger
Q – 9 How to add badge to list group in Bootstrap?
Ans- in LI Tag
Q – 10 Tell me what is the purpose of .media class in bootstrap?
Ans- This class allows to float a media object (images, video, and audio) to the left or right of a content block.
Q – 11 How to make images responsive in Bootstrap?
Ans- Bootstrap 3 allows to make the images responsive by adding a class .img-responsive to the tag. This class applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.
Q – 12 Do you know what are bootstrap labels?
Ans- Bootstrap labels are great for offering counts, tips, or other markup for pages. Use class .label to display labels.
Q – 13 Is Bootstrap Open Source?
Ans- Bootstrap is completely free to download and use.
Q – 14 Do you know what are bootstrap panels?
Ans- Panel components are used when you want to put your DOM component in a box. To get a basic panel, just add class .panel to the element. Also add class .panel-default to this element.
Q – 15 What are current Stable version of Bootstrap?
Ans- Version: 3.3.7, Dated: July 25, 2016
Q – 16 What is responsive layout?
Ans- Responsive layout which is able to adapt itself to different sizes as well, but when resizing, the number of columns changes according to the available space.
Q – 17 How do you use Glyphicons in Bootstrap?
Ans- To use the icons, simply use the following code just about anywhere in your code. Leave a space between the icon and text for proper padding.
Q – 18 Tell me what is the use of Jumbotron in Bootstrap?
Ans- In bootstrap, Jumbotron is generally used for content that you want to highlight like some slogan or marketing headline etc. in other words it is used to enlarge the size of the headings and to add a margin for landing page content
To use the Jumbotron in Bootstrap
Create a container