Using icons
Bootstrap includes a set of icons provided by Glyphicons (http://glyphicons.com/). It has icons that are available in both dark gray and white. Besides, Opa also includes Font Awesome (http://fortawesome.github.com/Font-Awesome/) icons.
Bootstrap icons
It's very easy to use icons. All icons require <i>
with a unique class prefixed with icon-
. To use them, place the following code just about anywhere:
<i class="icon-search"></i>
The default color is dark gray. If you need to use a white icon, add icon-white
to class
. Consider the following example:
import stdlib.themes.bootstrap function page(){ <div style="margin:5px"> <button class="btn"> <i class="icon-search"></i> Search </button> <button class="btn btn-inverse"> <i class="icon-search icon-white"></i> Search </button> <div class="btn-group"> <a class="btn"><i class="icon-align-left"></i></a...