Bootstrap Series--7. List Layout method

A. Go to the point list

1. Using class=list-unstyled

<ul>        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li>    </ul>    <ulclass= "list-unstyled">        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li></ul>

View Code

A bit of list and no point list comparison code as above, as follows

Two. Arrange a list of rows

Using the List-inline style

<ulclass= "List-inline">        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li>        <Li>Unordered list Items</Li></ul>

View Code

Three. Mixed use

<ulclass= "list-unstyled">        <Li>Program:</Li>        <Li>            <ulclass= "List-inline">                <Li>C#</Li>                <Li>Js</Li>                <Li>Java</Li>            </ul>        </Li></ul>

Bootstrap Series--7. List Layout method