gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Inline button sections (#26273)

Browse Source 
I have provided a small section about how to turn those buttons into inline buttons
This commit is contained in:
RonnyNovik
2018-12-27 18:32:24 +02:00
committed by Christopher McCormack
parent 6300a5339f
commit 31b2f2eb6a
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
guide/english/bootstrap/buttons/index.md
View File

@@ -113,8 +113,12 @@ It is possible to also have outlined buttons rather than fully colored in ones.
Outlined buttons are a part of Bootstrap since version 4, please be sure that you are using the right version if you are unable to get them to work.
#### Inline Buttons
You can create inline button row by adding `.d-inline-block` class to the element which sets the display of the button to inline block. For example : `<button class="btn btn-primary d-inline-block btn-lg"></button>`
_Note: Do not include the dot in the HTML Class Attribute, referring to the classes with a dot is only used when adjusting the classes in CSS._
#### More Information:
* <a href='https://getbootstrap.com/docs/4.1/components/buttons/' target='_blank' rel='nofollow'>Bootstrap Buttons documentation</a>
* <a href='https://getbootstrap.com/docs/4.1/components/button-group/' target='_blank' rel='nofollow'>Bootstrap Button Group documentation</a>