Identity colors#
Service Colors #
Basic Buttons#
Label Buttons#
Outline Buttons#
Size#
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-body
.text-muted
.text-white
.text-black-50
.text-white-50
All HTML headings, <h1> through <h6>, are available.
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Identity Titles
عنوان أساسي
عنوان ثانوي
عنوان فرعي
Styling for common inline HTML5 elements.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
Alerts are available for any length of text.
This is a primary alert — check it out!
This is a secondary alert — check it out!
This is a success alert — check it out!
This is a danger alert — check it out!
This is a warning alert — check it out!
This is an info alert — check it out!
This is a dark alert — check it out!
Add .alert-dismissible class to add close icon to dismiss alert.
This is a primary dismissible alert — check it out!
You can also use icons to different alert variant using additional class of .d-flex and .align-items-center.
This is a primary alert — check it out!
Several predefined toasts styles, each serving its own semantic purpose, with a few extras thrown in for more control.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.