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.

Buttons

Bootstrap includes several predefined button styles:
Success sm Danger Outline Warning Lg Info Block

Carousel

A slideshow component for cycling through elements—images or slides of text—like a carousel

Bismarck ND

The Bismarck Public School District has been in the K-12 public education for 145 years.

LearnBPS

170 Plus Blended Courses

Third slide label

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

Previous Next

Collapse

Toggle the visibility of content across your project

Accordion

Targets

Dropdowns

are toggleable, interactive buttons for displaying lists of links and more.

Dropdown

Action Another action Something else here

Separated link

Drop up

Variations

drop items above the elements

Dropright

drop items to the
right of the elements

Jumbotron

A lightweight, flexible component to showcase messages on your site:

Learnbps

Welcome to Bismarck Public School's Blended Spaces.

---

 uses this site for...

Blended
Learning

Professional
Learning

PLC
Collaboration

District
Courses

    
    
    
    
    

Modal

Are a popup that's customizable and responsive to display videos and images in a website