blob: 2ab53446fbb7e91d7d2085962b2d74f3a2eb676f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
---
layout: page
title: Containers
group: layout
---
Bootstrap requires a containing element to wrap site contents and house our grid system. Choose from the fixed or fluid width variation.
Use `.container` for a responsive fixed width container. This will center content withing the viewport and apply the appropriate `width` for a given device size. **Containers *can* be nested, but be aware that most layouts don't require it.**
{% highlight html %}
<div class="container">
...
</div>
{% endhighlight %}
Use `.container-fluid` for a full width container, spanning the entire width of the viewport.
{% highlight html %}
<div class="container-fluid">
...
</div>
{% endhighlight %}
|
