diff options
| author | Dave <[email protected]> | 2017-05-26 10:52:15 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-08-10 22:50:59 -0700 |
| commit | 2a2231d55b3d1ab2b4e9cad5a98328133b4dbfce (patch) | |
| tree | f84c91def235fc80df35a51df56fdd7072df8f27 | |
| parent | c2c06bc5816629dc7b921e3b50e55c533c5f943f (diff) | |
| download | bootstrap-2a2231d55b3d1ab2b4e9cad5a98328133b4dbfce.tar.xz bootstrap-2a2231d55b3d1ab2b4e9cad5a98328133b4dbfce.zip | |
Update progress.md to reflect setting height on .progress
| -rw-r--r-- | docs/4.0/components/progress.md | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/docs/4.0/components/progress.md b/docs/4.0/components/progress.md index 4cbc333aa..07217d939 100644 --- a/docs/4.0/components/progress.md +++ b/docs/4.0/components/progress.md @@ -55,14 +55,14 @@ Add labels to your progress bars by placing text within the `.progress-bar`. ## Height -We only set a `height` value on the `.progress-bar`, so if you change that value the outer `.progress` will automatically resize accordingly. +We only set a `height` value on the `.progress`, so if you change that value the inner `.progress-bar` will automatically resize accordingly. {% example html %} -<div class="progress"> - <div class="progress-bar" role="progressbar" style="width: 25%; height: 1px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> +<div class="progress" style="height: 1px;"> + <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> </div> -<div class="progress"> - <div class="progress-bar" role="progressbar" style="width: 25%; height: 20px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> +<div class="progress" style="height: 20px;"> + <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> </div> {% endexample %} |