Updated Component: Box (markdown)

master
Abdullah Almsaeed 2014-03-31 05:41:25 -07:00
parent 3ff6ba6352
commit afe8cc52de
1 changed files with 4 additions and 4 deletions

@ -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'>