| Class | Description |
|---|---|
.pull-left |
Element to the left (float:left). |
.float-end |
Element to the right(float:right). |
.clearfix |
To Clear floats.(clreafix) |
| Class | Description |
|---|---|
.show |
Element to Show (display: block) |
.hidden |
Element to hide (display: none) |
| Class | Description |
|---|---|
.text-muted |
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. |
.text-primary |
Nullam id dolor id nibh ultricies vehicula ut id elit. |
.text-success |
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. |
.text-info |
Nullam id dolor id nibh ultricies vehicula ut id elit. |
.text-warning |
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. |
.text-danger |
Nullam id dolor id nibh ultricies vehicula ut id elit. |
| Class | Description |
|---|---|
.p-0 |
Padding will be 0px from all side. |
.p-1 |
Padding will be 0.25rem from all side. |
.p-2 |
Padding will be 0.5rem from all side |
.p-3 |
Padding will be 1rem from all side |
.p-4 |
Padding will be 1.5rem from all side |
.p-5 |
Padding will be 3rem from all side |
| Class | Description |
|---|---|
.ps-0 |
Only Padding Left will be 0px. |
.ps-1 |
Only Padding Left will be 0.25rem. |
.ps-2 |
Only Padding Left will be 0.5rem. |
.ps-3 |
Only Padding Left will be 1rem. |
.ps-4 |
Only Padding Left will be 1.5rem. |
.ps-5 |
Only Padding Left will be 3rem. |
| Class | Description |
|---|---|
.pe-0 |
Only Padding right will be 0px. |
.pe-1 |
Only Padding right will be 0.25rem. |
.pe-2 |
Only Padding right will be 0.5rem. |
.pe-3 |
Only Padding right will be 0.5rem. |
.pe-4 |
Only Padding right will be 0.5rem. |
.pe-5 |
Only Padding right will be 0.5rem. |
| Class | Description |
|---|---|
.pt-0 |
Only Padding top will be 0px. |
.pt-1 |
Only Padding top will be 0.25rem. |
.pt-2 |
Only Padding top will be 0.5rem. |
.pt-3 |
Only Padding top will be 1rem. |
.pt-4 |
Only Padding top will be 1.5rem. |
.pt-5 |
Only Padding top will be 3rem. |
| Class | Description |
|---|---|
.mt-0 |
Only Margin top will be 0px. |
.mt-1 |
Only Margin top will be 0.25rem. |
.mt-2 |
Only Margin top will be 0.5rem. |
.mt-3 |
Only Margin top will be 1rem. |
.mt-4 |
Only Margin top will be 1.5rem. |
.mt-5 |
Only Margin top will be 3rem. |
| Class | Description |
|---|---|
.mb-0 |
Only Margin Bottom will be 0px. |
.mb-1 |
Only Margin Bottom will be 0.25rem. |
.mb-2 |
Only Margin Bottom will be 0.5rem. |
.mb-3 |
Only Margin Bottom will be 1rem. |
.mb-4 |
Only Margin Bottom will be 1.5rem. |
.mb-5 |
Only Margin top will be 3rem. |
| Class | Description |
|---|---|
.me-0 |
Only Margin Right will be 0px. |
.me-1 |
Only Margin Right will be 0.25rem. |
.me-2 |
Only Margin Right will be 0.5rem. |
.me-3 |
Only Margin Right will be 1rem. |
.me-4 |
Only Margin Right will be 1.5rem. |
.me-5 |
Only Margin Right will be 3rem. |
| Class | Description |
|---|---|
.ms-0 |
Only Margin Left will be 0px. |
.ms-1 |
Only Margin Left will be 0.25rem. |
.ms-2 |
Only Margin Left will be 0.5rem. |
.ms-3 |
Only Margin Left will be 1rem. |
.ms-4 |
Only Margin Left will be 1.5rem. |
.ms-5 |
Only Margin Left will be 3rem. |
| Class | Description |
|---|---|
.align-top |
Element - vertical align top. |
.align-bottom |
Element - vertical align bottom. |
.align-middle |
Element - vertical align middle. |
| Class | Description |
|---|---|
.fw-light |
Font weight will be light (300). |
.fw-normal |
Font weight will be normal |
.fw-bold |
Font weight will be bold (700) |
| Class | Description |
|---|---|
.border |
Border 1px all side. |
.border-0 |
border none all side |
.border-top |
border top 1px |
.border-bottom |
Border bottom 1px. |
.border-start |
border left 1px. |
.border-end |
border right 1px |
| Extra small devices Portrait phones (<576px) | Small devices Landscape phones (≥576px - <768px) | Medium devices Tablets (≥768px - <992px) | Large devices Desktops (≥992px - <1200px) | Extra large devices Desktops (≥1400px) | |
|---|---|---|---|---|---|
.d-none |
Hidden | Hidden | Hidden | Hidden | Hidden |
.d-sm-none |
Visible | Hidden | Hidden | Hidden | Hidden |
.d-md-none |
Visible | Visible | Hidden | Hidden | Hidden |
.d-lg-none |
Visible | Visible | Visible | Hidden | Hidden |
.d-xl-none |
Visible | Visible | Visible | Visible | Hidden |
| Class | Description |
|---|---|
.bg-primary |
For Primary background color |
.bg-success |
For Success (green) background color |
.bg-info |
For info (Blue) background color |
| Class | Description |
|---|---|
.bg-warning |
For Warning (yellow) background color |
.bg-danger |
For Danger (red) background color |
.bg-theme |
For Theme background color |
| Class | Description |
|---|---|
.bg-theme-dark |
For theme dark background color |
.bg-inverse |
For inverse (dark) background color |
.bg-purple |
For Purple background color |
| Class | Description |
|---|---|
.rounded |
For rounded corner to image or any element |
.rounded-top |
Only top will be rounded not other |
.rounded-end |
Only right will be rounded |
.rounded-bottom |
Only bottom will be rounded not other |
.rounded-start |
Only left will be rounded not other |
.rounded-circle |
Full circle class |
.rounded-0 |
No radious to the element |