elements that are used to trigger in-page functionality (like collapsing content), rather than linking to new pages or sections within the current page, these links should be given a role="button" to appropriately convey their purpose to assistive technologies such as screen readers. An active state example for links is added to the button groups Some outline examples are added to the button groups Similar to the example above, youll likely need some utilities though to space things properly. Set default option on bootstrap's btn-group. Bootstrap Toggle Intro. Add data-toggle=" buttons" to .btn-group having those changed buttons to enable toggling in their respective styles. It changes the appearance of the button, and makes it look like that it has been activated. You can use the editor on this domain, but we encourage you to try Shuffle . Button Groups. If you use another method to update the inpute.g., with or by manually applying the inputs checked propertyyoull need to toggle .active on the