Google News
logo
Bootstrap-3 Interview Questions
In bootstrap you can display code in two ways :

<code> tag :  If you are going to display code inline, you should use <code> tag
<pre> tag :  If you want to display the code as a standalone block element or it has several lines then you should use <pre> tag.
The Bootstrap jumbotron a lightweight, flexible  component provides an excellent way to showcase the key content or information on a your website. 

A Bootstrap tooltip is a small pop up that appears when user places the mouse pointer over an element such as link or buttons to provide hint or information about the element being hovered.

The tooltip plugin generates content and markup on demand, and by default places tooltips after their trigger element.
Via data attributes : To add a tooltip, add data-toggle = "tooltip" to an anchor tag. The title of the anchor will be the text of a tooltip.

Ex : <a href="#" data-toggle="tooltip" title="Sample tooltip"> Mouse Hover over </a>

The bootstrap popover plugin is very similar to tooltips.  To create a popover, add the data-toggle="popover" attribute to an element and the title attribute to 

specify the header text of the popover, the data-content attribute to specify the text that should be displayed inside the popover's body.
Glyphicons are icon fonts which you can use in your web projects. Glyphicons Halflings are not free and require licensing, however their creator has made them available for Bootstrap projects free of cost.

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.
Bootstrap sets a basic global display (background), typography, and link styles :

a) Basic Global display : Sets background-color: #fff; 
b) Typography : Uses the @font-family-base, @font-size-base, and@line-height-base attributes as the typographic base
c) Link styles : Sets the global link color via attribute @link-color and apply link underlines only on :hover
The ".collapse" class is used to specify the collapsible element.  Flexible plugin that utilizes a handful of classes for easy toggle behavior. Click on the button to 

toggle between showing and hiding content.

.collapse hides content
.collapsing is applied during transitions
.collapse.in shows content

You can use a link with the href attribute, or a button with the data-target attribute. In both cases, the data-toggle="collapse" is required.
Media objects in Bootstrap allow you to put media object like image, video or audio to the left or right of the content blocks. Media element can be created using the 

class .media and the source is identified in using the class .media-object. Media-objects are of two types,They are : 
.media
.media-list
The Carousel plugin is used to add a slider to your site. It is useful in condition where you want to display huge amount of contents within a small space on the web pages. Some of the standard carousel includes are :

.carousel (options)
.carousel (‘cycle’)
.carousel (‘pause’)
.carousel (‘number’)
.carousel (‘prev’)
.carousel (‘next’)
To add badge to list group in Bootstrap you have to simply add <span class = “badge”> within the <li> element.