Best practices We’ve designed and developed Bootstrap to work in a number of environments. Here are some of the best practices we’ve gathered from years of working on and using it ourselves. Heads up! This copy is a work in progress. General outline Working with CSS Working with Sass files Building new CSS components Working with flexbox Ask in Slack

Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. Contents Examples Link color Additional content Dismissing JavaScript behavior Triggers Methods Events Examples Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the four required contextual classes (e.g., .alert-success). For inline dismissal, use the alerts jQuery plugin. Open example on getbootst

Collapse The Bootstrap collapse plugin allows you to toggle content on your pages with a few classes thanks to some helpful JavaScript. Contents Example Accordion example Accessibility Usage Via data attributes Via JavaScript Options Methods .collapse(options) .collapse('toggle') .collapse('show') .collapse('hide') Events Example Click the buttons below to show and hide another element via class changes: .collapse hides content .collapsing is applied during transitions .collapse.show s