When Bootstrap should be avoided

Bootstrap has a lot of excellent features when it comes to responsive design. But it makes the work difficult some times because it works on classes.

For an example, to achieve responsive images one has to apply img-reponsive class to all image tags.

This can be avoided by adding a simple style in your custom style sheet as below

img {
width: 100%;
height: auto;


Usefulness of bootstrap Jumbotron

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 h1, the font-weight is reduced to 200px.

A jumbotron indicates a big box for calling extra attention to some special content or information. A jumbotron is displayed as a grey box with rounded corners. It also enlarges the font sizes of the text inside it. Tip: Inside a jumbotron you can put nearly any valid HTML, including other Bootstrap elements/classes.

Hello, world!

This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique. Learn more »