Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam iaculis sem a turpis suscipit, pharetra fringilla neque porta. Sed auctor tristique sapien.
You can make anything wide by using the class
width-full, here I'm using it on the
button tag, after btn and btn-default.
The transparent icon on the right of the title is
added by using the class title-icon, next to the
icon class itself. Something like.
Make any button tag look like you can press it by
adding the btn-squishy class to it
(after btn and btn-default).
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam iaculis sem a turpis suscipit, pharetra fringilla neque porta. Sed auctor tristique sapien.
That thingie on the bottom-right, is a class applied to the
i tag called 'backicon'. You can also use it
on the featured box on top.
Visible and Hidden are awesome classes on Bootstrap.
visible-*size* is only shown for a specific size.
While hidden-*size* is shown always except the specific size.
This text should change colors on every size too.
The label class applied to a span will look like below. Additionally you can have label-*status*
and label-2x for labels with text 100% size (regular labels are 90%)
label-info
label-info label-2x
label-danger
label-danger label-2x
label-warning
label-warning label-2x
label-success
label-success label-2x
You can have different kinds of buttons by adding btn btn-default and one of the following classes.
This ul below doesn't have any special class.
Nothing special really.
This ul has the list-bullets-check class.
This one instead has list-bullets-none
and list-margin-none so is nice aligned.
Lists can be nested, ul's inside li's.
ul inside.
This is a
blockquote. Nothing interesting to add.
The table below has a class called table-striped for odd-even colors,
table-hover for mouse over effects, and box for the nice white background and
overall box effect we already use elsewhere.
They can also have status classes on their "tr" such as success, or danger.
| Here | Will be | A whole bunch | Of pretty awesome | Stuff |
|---|---|---|---|---|
| This | row | doesn't have | any | class |
| This | row | doesn't have | any | class |
| This | row | doesn't have | any | class |
| This | row | has thetable-row-link class |
So it looks like a | link |
| This | row | has | the info |
class |
| This | row | has | the danger |
class |
The tabs below are inside a box class.
First Tab
Tab Twee
Solapa Tres