Get Bootstrap Crazy with Book Modules
How to ...
BS Components
Alerts
Use color to add a visual indication
Alerts can also contain additional HTML elements like headings, paragraphs and dividers
It’s possible to dismiss any alert inline
Color choices of primary - secondary - info - success - warning - danger
Alerts
Use color to add a visual indication
Alerts can also contain additional HTML elements like headings, paragraphs and dividers
It’s possible to dismiss any alert inline
Color choices of primary - secondary - info - success - warning - danger
Badge
While the styling of badges provides a visual cue they may be confusing for users.
Badge
While the styling of badges provides a visual cue they may be confusing for users.
Buttons
Bootstrap includes several predefined button styles:
Buttons
Bootstrap includes several predefined button styles:
Carousel
A slideshow component for cycling through elements—images or slides of text—like a carousel
Carousel
A slideshow component for cycling through elements—images or slides of text—like a carousel
Collapse
Toggle the visibility of content across your project
Accordion
Targets
Collapse
Toggle the visibility of content across your project
Accordion
Accordion
![Bootstrap Collapse Accordion example image](https://learnbps.bismarckschools.org/pluginfile.php/535022/mod_book/chapter/75377/BS-CollapseAccordian.png)
Targets
Targets
![Bootstrap Collapse Target example image](https://learnbps.bismarckschools.org/pluginfile.php/535022/mod_book/chapter/75377/BS-CollapseTarget.png)
Dropdowns
are toggleable, interactive buttons for displaying lists of links and more.
Dropdowns
are toggleable, interactive buttons for displaying lists of links and more.
Jumbotron
A lightweight, flexible component to showcase messages on your site:
Learnbps
Welcome to Bismarck Public School's Blended Spaces.
Jumbotron
A lightweight, flexible component to showcase messages on your site:
Learnbps
Welcome to Bismarck Public School's Blended Spaces.
Modal
Are a popup that's customizable and responsive to display videos and images in a website
![Modal Example image](https://learnbps.bismarckschools.org/pluginfile.php/535022/mod_book/chapter/75377/ModalImage.png)
Modal
Are a popup that's customizable and responsive to display videos and images in a website
![Modal Example image](https://learnbps.bismarckschools.org/pluginfile.php/535022/mod_book/chapter/75377/ModalImage.png)
![Modal Example image](https://learnbps.bismarckschools.org/pluginfile.php/535022/mod_book/chapter/75377/ModalImage.png)