Bootstrap

Bootstrap is very easy to use. Anyone with the basic knowledge of HTML and CSS can start development with Bootstrap.

Fixed layout doesn't adapts itself to different browser but it can be responsive.

Yes! You can include list groups within any panel. Create a panel by adding class .panel to the <div> element. Also add class .panel-default to this element. Now within this panel include your list groups.

To create a tabbed navigation menu −

Start with a basic unordered list with the base class of .nav.

Add class .nav-tabs.

Bootstrap is a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. It uses HTML, CSS and Javascript.

A modal is a child window that is layered over its parent window. Typically, the purpose is to display content from a separate source that can have some interaction without leaving the parent window. Child windows can provide information, interaction, or more.

The Scrollspy (auto updating nav) plugin allows you to target sections of the page based on the scroll position. In its basic implementation, as you scroll, you can add .active classes to the navbar based on the scroll position.

.container

Bootstrap is compatible with all modern browsers like Google Chrome, Mozilla Firefox, Internet Explorer, Safari, and Opera.

You can stack the pills vertically using the class .nav-stacked along with the classes: .nav, .nav-pills.

You can easily change the order of built-in grid columns with .col-md-push-* and .col-md-pull-* modifier classes where * range from 1 to 11.

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 <div> with the class of .jumbotron

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.

<span class = "glyphicon glyphicon-search"></span>

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.

Version: 3.3.7, Dated: July 25, 2016

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 <div> element. Also add class .panel-default to this element.

Bootstrap labels are great for offering counts, tips, or other markup for pages. Use class .label to display labels.

Bootstrap 3 allows to make the images responsive by adding a class .img-responsive to the <img> tag. This class applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.

This class allows to float a media object (images, video, and audio) to the left or right of a content block.

<span class="badge"></span> in LI Tag