diff options
| author | Mark Otto <[email protected]> | 2015-08-10 23:07:50 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-08-10 23:07:50 -0700 |
| commit | 28bcf047c80c933d5003695638bc63059545c0f6 (patch) | |
| tree | 82a8fe1a948ca2aaa8f08c4645b7f87efe27e3c6 /docs/layout | |
| parent | 1624c5b5942861c38ff17ff848fbecd9dcad6a7b (diff) | |
| download | bootstrap-28bcf047c80c933d5003695638bc63059545c0f6.tar.xz bootstrap-28bcf047c80c933d5003695638bc63059545c0f6.zip | |
container illustrations
Diffstat (limited to 'docs/layout')
| -rw-r--r-- | docs/layout/overview.md | 16 |
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"> ... |