Use the default around any HTML text. You can also add a tag for identifying the source of the quote and right aligning the blockquote using class .pull-right:Example Live Demo           Bootstrap pull-right class                                                This is a default blockquote example. This is a default             blockquote example. This is a default blockquote             example.This is a default blockquote example. This is a             default blockquote example.                      This is a blockquote with a source title.          Someone famous in Source Title             This is a blockquote aligned to the right.          Someone famous in Source Title          

Bootstrap styles elements with a light dotted border along the bottom and reveal the full text on hover.The HTML element provides markup for abbreviations or acronyms, such as NASA, HTTPS, ICC, etc.You can try to run the following to understand how Bootstrap styles the element −Example Live Demo           Bootstrap abbr styling                                       NASA       ICC    

HTML's default emphasis tags such as sets text at 85% the size of the parent, emphasizes a text with heavier font-weight, and emphasizes a text in italics.You can try to run the following code to an emphasis on text −Example Live Demo           Bootstrap emphasis tags                                       This content is within tag       This content is within tag       This content is within tag and is rendered as italics       Left aligned text.       Center aligned text.       Right aligned text.       This content is muted       This content carries a primary class       This content carries a danger class    

The lead class in Bootstrap is used to add emphasis to a paragraph.You can try to run the following code to implement the lead class in Bootstrap −Example Live Demo           Bootstrap lead class                                       Lead Example       This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is an example paragraph demonstrating the use of lead body copy.          

To add an inline subheading to any of the headings, simply add around any of the elements or add .small class and you will get a smaller text in a lighter color. You can try to run the following code to work with inline subheadings in Bootstrap −Example Live Demo           Bootstrap Example                                       Heading1 h1.          I'm secondary Heading h1             Heading2 h2.          I'm secondary Heading h2          

To wrap a page's content, use the .container class,  ... The following is the .container class in bootstrap.css file: .container{     padding-right: 20px;     padding-left: 20px;     margin-right: auto;     margin-left: auto; }

Bootstrap sets a basic global display (background), typography, and link styles.Basic Global display − Sets background-color: #fff; on the element.Typography − Uses the @font-family-base, @font-size-base, and @line-height-base attributes as the typographic base.Link styles − Sets the global link color via attribute @link-color and apply link underlines only on :hover.

To make an image responsive in Bootstrap, add 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.The following is how you can simply make an image responsive −Example Live Demo           Bootstrap Example                                    

Bootstrap has become mobile first since Bootstrap 3. It means 'mobile first' styles can be found throughout the entire library instead of them in separate files. You need to add the viewport meta tag to the element, to ensure proper rendering and touch zooming on mobile devices.Here, width property controls the width of the device. Setting it to device-width will make sure that it is rendered across various devices (mobiles, desktops, tablets...) properly.initial-scale = 1.0 ensures that when loaded, your web page will be rendered at a 1:1 scale and no zooming will be applied out of the boxAdd ... Read More

Write the columns in an order, and show them in another one. 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.Example Live Demo           Bootstrap Example                                          Heading                       Before Ordering                            I am on left                                        I am on right                                                       After Ordering                            I was on left                                        I was on right