Boo Admin - Widget Style

To build a widget use 3 basic blocks.

<!-- widget base -->
<div class="widget">
  <div class="widget-header"> ... </div>
  <div class="widget-content"> ... </div>
  <div class="widget-footer"> ... </div>
</div>

widget content anything

Lorem ipsum dolor sit amet consectetuer pede tempor ligula sem tempus. A nascetur gravida parturient est Aenean facilisis In est consectetuer Nam. Adipiscing odio tincidunt ac ornare pellentesque metus diam laoreet sollicitudin vel. Libero libero condimentum neque accumsan dapibus dignissim leo Nam enim ac. Ac massa tellus cursus Aliquam mi vel eu vel adipiscing mauris.

Lightweight widget - Basic Settings.

use class .widget

Simple widget - Style Well but with more capabilities than Well.

combine class .widget .widget-simple

As the box - Widget-Box...

combine class .widget .widget-box

Widget collapse - click button

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Widget collapse - click icon

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Widget collapse - click header

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Donec id elit non mi porta gravida at eget metus.

<li> ... </li> Donec id elit non mi porta gravida
<li> ... </li> Donec id elit non mi porta gravida
<li> ... </li> Donec id elit non mi porta gravida

<li> ... </li> Donec id elit non mi porta gravida
<li> ... </li> Donec id elit non mi porta gravida
<li> ... </li> Donec id elit non mi porta gravida

<li> ... </li> Donec id elit non mi porta gravida
<li> ... </li> Donec id elit non mi porta gravida
<li> ... </li> Donec id elit non mi porta gravida

Twitter Bootstrap as Administrator

Widget style & construction

Widget three basic blocks

Widget header

widget content anything

Widget footer

... three blocks, three styles

Widget base

Widget Simple no footer

Here Widget Title use only h6

With Bar

Widget Simple

Widget Simple no footer

Here Widget Title use only h6

With Bar

Widget Box

Widget Box no footer

Here Widget Title use only h6

With Bar

Here Widget Title use only h6

Collapsible & Clickable

Colapsible click button

Widget collapse - click button

Colapsible click icon

Widget collapse - click icon

Colapsible clickable header

Widget collapse - click header

Widget-header size

Header H3

Header H4

Header H5

Header H6

Header Size H3

Header Size H6

Header Size H3

Header Size H6

Widget Content

widge-row

widget-list

widge-row

widget-list .dotted

widge-row

widget-list

Widget Coloring

Widget widget row

Widget widget row

Widget widget row