Examples
While shadows on components are disabled by default in Bootstrap and can be enabled via $enable-shadows, you can also quickly add or remove a shadow with our box-shadow utility classes. Includes support for .shadow-none and three default sizes (which have associated variables to match).
Larger shadow
Larger shadow
Larger shadow
Larger shadow
Regular shadow
Regular shadow
Regular shadow
Regular shadow
Small shadow
Small shadow
Small shadow
Small shadow
No shadow
No shadow
No shadow
No shadow
Customizer

Customize & Preview Real Time

Layout Type
    • LTR Layout
    • RTL Layout
Sidebar Type
Sidebar settings
Sidebar background setting
Light layout
Dark Layout
Mix Layout