<i class="icon icon-truck icon-3x icon-border pull-left"></i> Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. Or spinning icons for loading.

<ul class="icon-ul">
    <li>
        <i class="icon icon-li icon-check"></i>
        Bulleted lists (like this one)
    </li>
    <li>
        <i class="icon icon-li icon-check"></i>
        Buttons
    </li>
    <li>
        <i class="icon icon-li icon-check"></i>
        Button groups
    </li>
    <li>
        <i class="icon icon-li icon-check"></i>
        Navigation
    </li>
    <li>
        <i class="icon icon-li icon-check"></i>
        Prepended form inputs
    </li>
    <li>
        <i class="icon icon-li icon-check"></i>
        &hellip;and many more with custom CSS
    </li>
</ul>

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
  <li role="presentation" class="dropdown-header">
    Titre dans le menu
  </li>
  <li role="presentation">
    <a role="menuitem" href="#">
      <i class="icon icon-fw icon-home"></i> 
      Lien normal
    </a>
  </li>
  <li role="presentation" class="active">
    <a role="menuitem" href="#">
      <i class="icon icon-fw icon-book"></i> 
      Lien actif
    </a>
  </li>
  <li role="presentation" class="disabled">
    <a role="menuitem" href="#">
      <i class="icon icon-fw icon-pencil"></i> 
      Lien désactivé
    </a>
  </li>
  <li role="presentation" class="divider"></li>
  <li role="presentation">
    <a role="menuitem" href="#">
      <i class="icon icon-fw icon-cogs"></i> 
      Lien séparer
    </a>
  </li>
  <li role="presentation">
    <a role="menuitem" href="#">
      <i class="icon icon-fw icon-cog"></i> 
      Lien séparer
    </a>
  </li>
</ul>

<i class="icon icon-spinner icon-spin icon-2x"></i> Spinner icon <i class="icon icon-spinner icon-pulse icon-2x"></i> Pulse icon
<a class="btn btn-primary" href="#">
  <i class="icon icon-refresh icon-spin"></i> 
  Synchronizing Content...
</a>