Wiki Styles

Using the Bootstrap framework, and Neo's own framework you can do the following styles.

Contents

Sections

Basics

<div class="section section-box">
<div class="section-header">Header</div>
Contents
<div class="section-footer">footer</div>
</div>

You need a wrapper div with the class section and then the type of section you want to use. The normal style is section-box.

There's two optional parts you can add to the section. The section-header and section-footer

section-box

class: section-box

Header

Contents

section-info

class: section-info

section-info-inverse

class: section-info-inverse

Labels

label <span class="label">label</span>
success <span class="label label-success">label</span>
warning <span class="label label-warning">label</span>
important <span class="label label-important">label</span>
info <span class="label label-info">label</span>
inverse <span class="label label-inverse">label</span>

Badges

badge <span class="badge">badge</span>
success <span class="badge badge-success">badge</span>
warning <span class="badge badge-warning">badge</span>
important <span class="badge badge-important">badge</span>
info <span class="badge badge-info">badge</span>
inverse <span class="badge badge-inverse">badge</span>

Icons

For a list of all icons see: http://twbs.github.io/bootstrap/2.3.2/base-css.html#icons

<i class="icon-user"></i>

Bootstrap components that don't work

  • Anything that uses a class on an anchor tag
  • Cannot use classes on lists
Last edited by tekmosis on 30 October 2013 at 09:52
This page has been accessed 35 times.