Lists

• This is an unstyled list.
• It appears completely unstyled.
• Structurally, it's still a list.

• This is a normal list.
• It behaves like a normal list.
• Structurally, it's still a list.

1. This is an ordered list
2. will still show a bullet
3. and have appropriate left margin

<ul class="list-unstyled"> 
    <li>This is an unstyled list.
    </li> 
    <li>It appears completely unstyled.
    </li> 
    <li>Structurally, it's still a list.
    </li> 
</ul> 
<ul> 
    <li>This is a normal list.
    </li> 
    <li>It behaves like a normal list.
    </li> 
    <li>Structurally, it's still a list.
    </li> 
</ul> 
<ol> 
    <li>This is an ordered list
    </li> 
    <li>will still show a bullet
    </li> 
    <li>and have appropriate left margin
    </li> 
</ol>

• 1 This is an unstyled list.
• 2 It appears completely.
• 3 it's still a list.
• 4 This is an unstyled list.
• A It appears unstyled.
• B Structurally, it's a list.
• C This is an unstyled list.
• D It appears unstyled.
• 6 beds

<ul class="list-custom"> 
    <li>...
    </li> 
</ul>

.list-3, equivalent to col-3

.list-6, equivalent to col-6

• A
• B
• C
• D
• E
• F

<ul class="list-custom list-3"> 
    <li>...
    </li> 
</ul> 
<ul class="list-custom list-6"> 
    <li>...
    </li> 
</ul>

• A
• B
• C
• D

<ul class="list-custom list-columns"> 
    <li>...
    </li> 
</ul> 
<ul class="list-custom list-columns list-4"> 
    <li>...
    </li> 
</ul> 
<ul class="list-custom list-6"> 
    <li>...
    </li> 
</ul>