List component - HydraCSS

# List

Examples of building lists with HydraCSS.

List bullet

Item 1
Item 2
Item 3

List divider

Item 1
Item 2
Item 3

List striped

Item 1
Item 2
Item 3

List bullet large

Item 1
Item 2
Item 3

List divider large

Item 1
Item 2
Item 3

List striped large

Item 1
Item 2
Item 3

<!-- Bullet -->
<ul class="list list-bullet">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<!-- Divider -->
<ul class="list list-divider">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<!-- Striped -->
<ul class="list list-striped">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<!-- Bullet large -->
<ul class="list list-bullet list-large">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<!-- Divider large -->
<ul class="list list-divider list-large">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<!-- Striped large -->
<ul class="list list-striped list-large">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

ON THIS PAGE