Getting Started

Introduction Installation Support

Core Concepts

Helpers & Utilities Responsive Design Dark/ Light Mode

Components

Breadcrumb Button Navbar

Customization

Colors Variables Color Modes

Layout

Breakpoints Containers Gutters Offsets Rows & Columns

Helpers

Clearfix Focus Ring Position Ratio Stretched Link Text Truncate Vertical Rule Visually Hidden

Utilities

Border Display Flex Float Opacity Overflow Position Shadow Sizing Spacing Text Visibility Z-Index

Visibility

The .visible and .invisible classes are used control the visibility of elements, without changing their display properties. Note that elements with class .invisible will still take up the same space within the page.

This is visible

This is invisible


    <div class="visible p-3">
        This is visible
    </div>
    <div class="invisible p-3">
        This is invisible
    </div>