Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Buttons Part 2 | Basic Concepts
Bootstrap Essentials for Modern Websites
course content

Course Content

Bootstrap Essentials for Modern Websites

Bootstrap Essentials for Modern Websites

1. Understanding Bootstrap
2. Setting Up Environment
3. Basic Concepts
4. Advanced Concepts
5. Creating a Portfolio Website with Bootstrap

book
Buttons Part 2

Button Groups

Bootstrap offers btn-group and btn-group-vertical classes to group buttons together, facilitating better organization and layout control:

  • btn-group: This class horizontally groups buttons together. It's suitable for situations where buttons are best-displayed sides by side, such as in toolbars or navigation bars;
  • btn-group-vertical: This class vertically stacks buttons together. It's useful when buttons need to be displayed in a column layout, such as in dropdown menus or stacked navigation.
html

index

css

index

js

index

copy

Button Toggle Groups

Bootstrap provides the btn-group-toggle class for creating button toggle groups. This feature allows us to create sets of buttons where only one button can be active at a time, similar to radio buttons in a radio group.

html

index

css

index

js

index

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 3. Chapter 5
We're sorry to hear that something went wrong. What happened?
some-alt