列表可以互相嵌套 -慕课网

                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

列表可以互相嵌套

MsMood

2014-11-06

源自：玩转Bootstrap（基础） 2-10

关注问题我要回答

871

操作

收起

1 回答

像个好人
2017-07-29

可以互相嵌套使用

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>普通列表、有序列表</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>

<body>
<h5>普通列表</h5>
<ul>
    <li>列表项目</li>
    <ol>
        <li>有序列表</li>
        <li>
        有序列表
            <ol>
            <li>有序列表(2)</li>
            <li>有序列表(2)</li>
            </ol>
        </li>
        <li>有序列表</li>
    </ol>
    <li>列表项目</li>
    <li>列表项目</li>
    <li>列表项目</li>
    <li>列表项目</li>
</ul>
<h5>有序列表</h5>
<ol>
      <li>项目列表一</li>
      <ol>
        <li>有序列表</li>
            <li>
            有序列表
                <ol>
                <li>有序列表(2)</li>
                <li>有序列表(2)</li>
                </ol>
            </li>
        <li>有序列表</li>
</ol>
      <li>项目列表二</li>
      <li>项目列表三</li>
</ol>
<h5>有序列表嵌套</h5>
<ol>
    <li>有序列表</li>
    <li>
    有序列表
        <ol>
        <li>有序列表(2)</li>
        <li>有序列表(2)</li>
        </ol>
    </li>
    <li>有序列表</li>
</ol>
<!--下面是代码任务部分-->





</body>
</html>