Alerts - HTML

.alert

Warning! Best check yo self, you're not looking too good.

.alert .alert-error

Oh snap! Change a few things up and try submitting again.

.alert .alert-success

Well done! You successfully read this important alert message.

.alert .alert-info

Heads up! This alert needs your attention, but it's not super important.
Alerts - Yii flash messages

Yii::app()->user->setFlash("notice", "Your message...");

Warning! Best check yo self, you're not looking too good.

Yii::app()->user->setFlash("error", "Your message...");

Oh snap! Change a few things up and try submitting again.

Yii::app()->user->setFlash("success", "Your message...");

Well done! You successfully read this important alert message.

Yii::app()->user->setFlash("info", "Your message...");

Heads up! This alert needs your attention, but it's not super important.

This is a hero unit class="hero-unit"

Amazing free Yii theme

... bring the life out of your web apps

Learn more

Header Tag

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6
Lead, body and fine print

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus. <p class="lead">...</p>

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

This line of text is meant to be treated as fine print. <small>...</small>

Block quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous Source Title

<blockquote class="pull-right">...</blockquote>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous Source Title

<blockquote>...</blockquote>

Emphasis

Fusce dapibus, tellus ac cursus commodo.
<p class="muted">...</p>

Etiam porta sem malesuada magna mollis euismod.
<p class="text-warning">...</p>

Donec ullamcorper nulla non metus auctor fringilla.
<p class="text-error">...</p>

Aenean eu leo quam. Pellentesque ornare sem.
<p class="text-info">...</p>

Duis mollis, est non commodo luctus.
<p class="text-success">...</p>

Labels

Default class="label"

Success class="label label-success"

Warning class="label label-warning"

Important class="label label-important"

Info class="label label-info"

Inverse class="label label-inverse"

Badges

1 class="badge"

2 class="badge badge-success"

3 class="badge badge-warning"

4 class="badge badge-important"

5 class="badge badge-info"

6 class="badge-inverse"