From the course: Bootstrap 3 Essential Training

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Working with panels

Working with panels - Bootstrap Tutorial

From the course: Bootstrap 3 Essential Training

Start my 1-month free trial

Working with panels

- Panels are another way to encapsulate content in Bootstrap. They're similar to what you can do with thumbnails and even list groups, but they have a different structure that I think makes a little more semantic sense. Plus, you can combine these with tables and list groups to create slightly more complex layouts than you can do with something like a thumbnail. So they're pretty easy to work with. Essentially, you create a panel with a div, so we'll do a div with a class of panel and then you have to specify a contextual class, so we'll just do the default one. It's panel-default here, and then we just put our content in there and you're going to need to divide the content into different parts so you can have a div with a class of panel-body, and if you want to, you can paste your content in there, so let's go ahead and indent this a little bit, and save it and essentially, you can see that it just gives it sort of a box, puts your content in a box which sometimes is a really sort of…

Contents