Our UI development is under condtruction!
Components
List Styles

List Styles


  • An item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
<ul class="list-group">
    <li class="list-group-item">An item</li>
    <li class="list-group-item">A second item</li>
    <li class="list-group-item">A third item</li>
    <li class="list-group-item">A fourth item</li>
    <li class="list-group-item">And a fifth one</li>
</ul>

List Active Item


  • Active
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
<ul class="list-group">
    <li class="list-group-item active">Active</li>
    <li class="list-group-item">A second item</li>
    <li class="list-group-item">A third item</li>
    <li class="list-group-item">A fourth item</li>
    <li class="list-group-item">And a fifth one</li>
</ul>

List Disable Item


  • Disable
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
<ul class="list-group">
    <li class="list-group-item disable">Disable</li>
    <li class="list-group-item">A second item</li>
    <li class="list-group-item">A third item</li>
    <li class="list-group-item">A fourth item</li>
    <li class="list-group-item">And a fifth one</li>
</ul>

List Link Item


ActiveA second itemA third itemA fourth itemAnd a fifth one
<div class="list-group">
    <a href="#" class="list-group-item active">Active</a>
    <a href="#" class="list-group-item">A second item</a>
    <a href="#" class="list-group-item">A third item</a>
    <a href="#" class="list-group-item">A fourth item</a>
    <a href="#" class="list-group-item">And a fifth one</a>
</div>
InfoBoxLogo Grid