aboutsummaryrefslogtreecommitdiff
path: root/docs/layout
diff options
context:
space:
mode:
Diffstat (limited to 'docs/layout')
-rw-r--r--docs/layout/overview.md16
1 files changed, 16 insertions, 0 deletions
diff --git a/docs/layout/overview.md b/docs/layout/overview.md
index f00f22149..7ac3750b5 100644
--- a/docs/layout/overview.md
+++ b/docs/layout/overview.md
@@ -12,6 +12,14 @@ Containers are the most basic layout element in Bootstrap and are **required whe
While containers *can* be nested, most layouts do not require a nested container.
+<div class="bd-example">
+ <div class="bd-example-container">
+ <div class="bd-example-container-header"></div>
+ <div class="bd-example-container-sidebar"></div>
+ <div class="bd-example-container-body"></div>
+ </div>
+</div>
+
{% highlight html %}
<div class="container">
<!-- Content here -->
@@ -20,6 +28,14 @@ While containers *can* be nested, most layouts do not require a nested container
Use `.container-fluid` for a full width container, spanning the entire width of the viewport.
+<div class="bd-example">
+ <div class="bd-example-container bd-example-container-fluid">
+ <div class="bd-example-container-header"></div>
+ <div class="bd-example-container-sidebar"></div>
+ <div class="bd-example-container-body"></div>
+ </div>
+</div>
+
{% highlight html %}
<div class="container-fluid">
...