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

Button group (#28157)

Browse Source 
* Button group

Here is my update I have explained about the grouping of buttons using bootstrap

* fix: spelling/grammar/formatting
This commit is contained in:
Vardana Bhanot
2018-12-27 23:03:22 +05:30
committed by Christopher McCormack
parent b1ffa2d089
commit 2399b1c55a
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -118,6 +118,18 @@ Outlined buttons are a part of Bootstrap since version 4, please be sure that yo
#### 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>`
#### Bootstrap Grouping of Buttons
It is possible to group more than one button for certain uses like pagination. Grouping buttons can be done by making a parent `div` for all buttons you want to group, using the `.btn-group` class on this `div`:
Example:
```html
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-secondary">Left</button>
<button type="button" class="btn btn-secondary">Middle</button>
<button type="button" class="btn btn-secondary">Right</button>
</div>
```
_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._