With Header
Header
box-body
Header
box-body with border
Header
box-body with border & radius
Header
box-body background
Box
ms-auto
<div class="box">
<header>
<h2>Box</h2>
<div class="ms-auto">
ms-auto
</div>
</header>
<div class="box-body">
content ...
</div>
</div>
ms-auto
Box
<div class="box">
<header>
<div class="ms-auto">
ms-auto
</div>
<h2>Box</h2>
</header>
<div class="box-body">
content ...
</div>
</div>
<div class="box">
<div class="box-body">
no header
</div>
</div>
<div class="box">
<div class="box-body p-0">
no header & no padding
</div>
</div>
Header 2
label
box-body
Header 3
labelbox-body
Header 4
labelbox-body
Header 5
labelbox-body
Header 6
labelbox-body
Collapsible
lorem ...
Collapsed
lorem ...
Closable
lorem ...
Full Screen
click esc button for exit fullscreen mode.
Background Color
lorem ...
Background Color
lorem ...
Border Radius
lorem ...
Shadow
badge
Available Shadow Class
shadow-sm
shadow-sm
shadow-sm
shadow-sm
shadow-sm
shadow-sm
shadow-sm