O'Reilly logo

Bootstrap for Rails by Syed Fazle Rahman

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Panels

Bootstrap panels are box-like components that are used to place HTML components. You might want to display a box with rounded corners and a light-colored border around it. This is the component you should use in such cases.

Here's an example panel:

<div class="panel panel-default">
  <div class="panel-body">
    I am inside a box!
  </div>
</div>

This produces the following result in the browser:

Panels

The panel component becomes more interesting when you add a header and a footer to it. Yes, you read it right. Panels come with custom-designed headers and footers to create widget-like elements. If you see it carefully, you will find that the text goes inside ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required