Deprecation notice: Bootstrap-Sass is now deprecated. No new functionality will be added. Use Bootstrap v5 and our theme for new projects.

Primary task Additional information

  1. Home
  2. Library
  3. Data

Typography

h1, .alpha

h2, .beta

h3, .gamma

h4, .delta

h5, .epsilon
h6, .zeta

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at augue leo. In eros ligula, volutpat id neque eu, maximus pretium nisl. Aliquam non mi lobortis augue cursus dignissim. Vivamus blandit augue eget sapien facilisis suscipit. In bibendum lacus sed orci condimentum, a faucibus ante dignissim. Quisque vel mi dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curaea; Vivamus et erat eu tellus sollicitudin egestas venenatis consectetur massa. Curabitur non euismod lorem. Vivamus viverra nisl at vulputate pharetra. In hac habitasse platea dictumst.

  • List item
  • List item
  • List item
  • List item
  • List item

h1, .alpha

h2, .beta

h3, .gamma

h4, .delta

h5, .epsilon
h6, .zeta

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at augue leo. In eros ligula, volutpat id neque eu, maximus pretium nisl. Aliquam non mi lobortis augue cursus dignissim. Vivamus blandit augue eget sapien facilisis suscipit. In bibendum lacus sed orci condimentum, a faucibus ante dignissim. Quisque vel mi dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus et erat eu tellus sollicitudin egestas venenatis consectetur massa. Curabitur non euismod lorem. Vivamus viverra nisl at vulputate pharetra. In hac habitasse platea dictumst.

  • List item
  • List item
  • List item
  • List item
  • List item

Buttons

Normal

Large

Buttons

Normal

Large

Small

XS

Tables

# Status Course Requester Actions
1 Normal Computer Science Daniel Matthew
View actions
2 Live Computer Science Daniel Matthew
3 Failed Computer Science Daniel Matthew
4 Warning Computer Science Daniel Matthew

Forms

Example block-level help text here.

Horizontal form (Deprecated)

Navigation

Tabs

Home tab
Profile tab
Messages tab
Settings tab

Pills

Stacked Pills

Dropdowns

Dropdown
  • Dropdown header
  • Dropdown header

Alerts

Something has happened. Yup. Click me Click me

Something good has happened.

Success!

Something useful has happened.

Warning!

Something bad has happened. error

Click me

Danger, Will Robinson!

Labels

Basic Primary Info Success Warning Danger

Badges

Inbox 101

Pagination

Pagination Block

Pager

Panels

Panel title

Buttons

Normal

Large

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat commodi reprehenderit autem, eaque earum, similique nostrum ipsam, asperiores est mollitia, libero repudiandae. Sunt pariatur sapiente placeat labore odit officia consequuntur.

Panel title

Panel title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat commodi reprehenderit autem, eaque earum, similique nostrum ipsam, asperiores est mollitia, libero repudiandae. Sunt pariatur sapiente placeat labore odit officia consequuntur.

Panel title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat commodi reprehenderit autem, eaque earum, similique nostrum ipsam, asperiores est mollitia, libero repudiandae. Sunt pariatur sapiente placeat labore odit officia consequuntur.

Modals

Onboarding Tips

Accordion a.k.a Collapse

Hello 👋

Details/Summary

Details

Toasts

These follow the styles and markup we use in our Bootstrap v5 projects. See the Bootstrap docs for implementation details.

Hello, world! This is a toast message.