Advanced Bootstrap/JavaScript plugins
Bootstrap can benefit from powerful JavaScript libraries to display various kinds of dynamic content on web pages. Bootstrap plugins require jQuery as a dependency. These include buttons, dropdowns, tooltips, alerts, tabs, and more. We will now cover how to use them.
Buttons
Buttons in Bootstrap can be used under various combinations.
Basic
The btn-group class generates a default grey button with curved edges that can trigger any function when clicked on by the user:
<div class="btn-group"> … </div>
Button toolbar
The btn-toolbar class groups together all buttons that are included in the btn-toolbar class:
<div class="btn-toolbar" role="toolbar"> … </div>
Sizing
The sizing class is used to size groups of buttons at once by just adding btn-group-*.
The declaration is shown here:
<div class="btn-group btn-group-lg">...</div> //large <div class="btn-group">...