logo
    • Logout
  • image missing

    • JOSH
  • Dashboard
  • Typography
  • Content
    • Accordion
    • Alert
    • Apex Charts
    • Buttons
    • Cards
    • Calendar
    • Charts
    • Dropdown
    • Forms
    • Form Layouts
    • Form Examples
    • Progress Bar
    • Pagination
    • Icons
    • Tabs
    • Modals
  • Tables
    • Table
    • Advanced Data Table
    • TUI Grid Table
    • Simple DataTable
  • Pages
    • Form Elements-Select I
    • Form Elements-Select II
    • Advanced Form Elements
    • Toastr Notification
    • Advanced Alerts

Typography

  1. Content
  2. Color Utilities

Background colors

Headings are the first thing you ll see or read in a document. We wanted to make them perfect in both size and colour.

Solid colors

.bg-* can apply to any element, where * is a color name.

.bg-primary .bg-secondary .bg-success .bg-info .bg-warning .bg-danger .bg-dark .bg-light

Border colors

.border-* can apply to any element, where * is a color name.

.border-primary .border-secondary .border-success .border-info .border-warning .border-danger .border-dark .border-light

Border Classes

Bootstrap provides different border classes to use easily and apply the .border-* classes to get borders.

.border-top

 border-top

.border-end

 border-end

.border-bottom

 border-bottom

.border-start

 border-start

Text colors

.text-* can apply to any element, where * is a color name. Please note that you can safely add these classes to an

.text-primary .text-secondary .text-success .text-info .text-warning .text-danger .text-dark .text-light