mirror of https://github.com/ColorlibHQ/AdminLTE
Updated Component: Box (markdown)
parent
3ff6ba6352
commit
afe8cc52de
|
@ -2,7 +2,7 @@ Documentation for the box component and its variants.
|
|||
|
||||
The box component is used for variety of reasons. Mainly used to hold content of a specific widget.
|
||||
- **Structure:** the box has three main sections. The header, body and footer. Example of usage below.
|
||||
```
|
||||
```css
|
||||
<div class='box'>
|
||||
<div class='box-header'>
|
||||
<h3 class='box-title'>Title</h3><!-- /.box-title -->
|
||||
|
@ -27,7 +27,7 @@ The box component is used for variety of reasons. Mainly used to hold content of
|
|||
- `.box-info`
|
||||
|
||||
Example of usage:
|
||||
```
|
||||
```css
|
||||
<!-- Primary Box Example -->
|
||||
<div class='box box-primary'>
|
||||
<div class='box-header'>
|
||||
|
@ -44,7 +44,7 @@ The box component is used for variety of reasons. Mainly used to hold content of
|
|||
```
|
||||
|
||||
To get a fully colored header instead of a top border only, add the `.box-solid` class to the box. Example:
|
||||
```
|
||||
```css
|
||||
<!-- Solid Primary Box Example -->
|
||||
<div class='box box-primary box-solid'>
|
||||
<div class='box-header'>
|
||||
|
@ -60,7 +60,7 @@ The box component is used for variety of reasons. Mainly used to hold content of
|
|||
</div>
|
||||
```
|
||||
A box can be converted to a tile, which is a fully colored widget, by adding any of the available `.bg-*` classes. For example, to get a green box, we add `bg-green` to the box.
|
||||
```
|
||||
```css
|
||||
<!-- Green Tile Example -->
|
||||
<div class='box box-solid bg-green'>
|
||||
<div class='box-header'>
|
||||
|
|
Loading…
Reference in New Issue