diff options
| author | Mark Otto <[email protected]> | 2017-01-02 11:46:06 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-01-02 11:46:06 -0800 |
| commit | 2239ea6b5346cb9dbc53e0a31f18cd728d62c0a2 (patch) | |
| tree | 51f08ad44641cc7d758a1e3ce28b61558c8e87b2 /docs/utilities/sizing.md | |
| parent | 21b28903a461c3458df2993401fd12f4a9b9c7ce (diff) | |
| download | bootstrap-2239ea6b5346cb9dbc53e0a31f18cd728d62c0a2.tar.xz bootstrap-2239ea6b5346cb9dbc53e0a31f18cd728d62c0a2.zip | |
document new utils and change organization to match css
Diffstat (limited to 'docs/utilities/sizing.md')
| -rw-r--r-- | docs/utilities/sizing.md | 21 |
1 files changed, 3 insertions, 18 deletions
diff --git a/docs/utilities/sizing.md b/docs/utilities/sizing.md index a6de778ca..eabb4653a 100644 --- a/docs/utilities/sizing.md +++ b/docs/utilities/sizing.md @@ -1,27 +1,12 @@ --- layout: docs -title: Sizing and positioning +title: Sizing group: utilities --- -## Fixed positioning +Easily make an element as wide or as tall (relative to its parent) with our width and height utilities. Includes support for `25%`, `50%`, `75%`, and `100%` by default. -The `.pos-f-t` class can be used to easily position elements at the top of the viewport and make them as wide as the viewport. **Be sure you understand the ramifications of fixed-position elements within your project.** Here's how the class is defined: - -{% highlight scss %} -.pos-f-t { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: $zindex-navbar-fixed; -} -{% endhighlight %} - - -## Width and height - -Easily make an element as wide or as tall (relative to its parent) with our width and height utilities. Includes support for `25%`, `50%`, `75%`, and `100%`. +Width and height utilities are generated from the `$sizes` Sass map in `_variables.scss`. Modify those values as you need to generate different utilities here. {% example html %} <div class="w-25 p-3" style="background-color: #eee;">Width 25%</div> |
