diff options
author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2019-10-25 12:37:52 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2019-11-02 11:02:07 +0300 |
commit | f55566e36b35ecedd8f40f1fce2fcb1caf902946 (patch) | |
tree | baad502a4771fca49ab98325610e835751356269 /site | |
parent | 7ecfa6a343c84324bab9306710cc93f77b86b22d (diff) |
Add configurable button text wrapping (#29554)
Diffstat (limited to 'site')
-rw-r--r-- | site/docs/4.3/components/buttons.md | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/site/docs/4.3/components/buttons.md b/site/docs/4.3/components/buttons.md index f26a54090b..b0856f5fc5 100644 --- a/site/docs/4.3/components/buttons.md +++ b/site/docs/4.3/components/buttons.md @@ -20,6 +20,10 @@ Bootstrap includes several predefined button styles, each serving its own semant {% include callout-warning-color-assistive-technologies.md %} +## Disable text wrapping + +If you don't want the button text to wrap, you can add the `.text-nowrap` class to the button. In Sass, you can set `$btn-white-space: nowrap` to disable text wrapping for each button. + ## Button tags The `.btn` classes are designed to be used with the `<button>` element. However, you can also use these classes on `<a>` or `<input>` elements (though some browsers may apply a slightly different rendering). |