Sunday, December 22, 2019

Bootstrap Button Groups:

Bootstrap  Button Groups:

Bootstrap allows us  to group a series of buttons together (on a single line) in a button group
Use a <div> element with class .btn-group to create a button group:

Example

<div class="btn-group">
  <button type="button" class="btn btn-primary">Galaxy</button>
  <button type="button" class="btn btn-primary">Butterfly</button>
  <button type="button" class="btn btn-primary">Oppo</button>
</div>
Tip: Instead of applying button sizes to every button in a group, use class .btn-group-lg|sm|xs to size all buttons in the group:

Example

<div class="btn-group btn-group-lg">
  <button type="button" class="btn btn-primary">Apple</button>
  <button type="button" class="btn btn-primary">Samsung</button>
  <button type="button" class="btn btn-primary">Sony</button>
</div>

No comments:

Post a Comment