慕码人1312979
2018-08-25 20:53
<ol>
<li>有序项目列表一</li>
<li>有序项目列表二</li>
<li class="list-unstyled">
<ol>
<li class="list-unstyled">有序二级项目列表一</li>
<li class="list-unstyled">有序二级项目列表二</li>
<li class="list-unstyled">
<ul>
<li>无序三级项目列表一</li>
<li>无序三级项目列表二</li>
<li class="list-unstyled">
<ul>
<li class="list-unstyled">无序四级项目列表一</li>
<li class="list-unstyled">无序四级项目列表二</li>
</ul>
</li>
<li>无序三级项目列表三</li>
</ul>
</li>
<li class="list-unstyled">有序二级项目列表三</li>
</ol>
</li>
<li>有序项目列表三</li>
</ol>
<!--下面是代码任务部分-->
<ol>
<li>有序项目列表一</li>
<li>有序项目列表二
<ol class=list-unstyled>
<li>有序二级项目列表一</li>
<li>有序二级项目列表二
<ul>
<li>无序三级项目列表一</li>
<li>无序三级项目列表二
<ul class=list-unstyled>
<li>无序四级项目列表一</li>
<li>无序四级项目列表二</li>
</ul>
</li>
<li>无序三级项目列表三</li>
</ul>
</li>
<li>有序二级项目列表三</li>
</ol>
</li>
<li>有序项目列表三</li>
</ol>
把二级和三级内容写在项目二的<li></li>里面。
<ol>
<li>有序项目列表一</li>
<li>有序项目列表二</li>
<li class="list-unstyled">
<ol class='list-unstyled'>
<li>有序二级项目列表一</li>
<li>有序二级项目列表二</li>
<li>
<ul>
<li>无序三级项目列表一</li>
<li>无序三级项目列表二</li>
<li class="list-unstyled">
<ul class="list-unstyled">
<li>无序四级项目列表一</li>
<li>无序四级项目列表二</li>
</ul>
</li>
<li>无序三级项目列表三</li>
</ul>
</li>
<li>有序二级项目列表三</li>
</ol>
</li>
<li>有序项目列表三</li>
</ol>
<ol>
<li>有序项目列表一</li>
<li>有序项目列表二</li>
<ol class="list-unstyled">
<li>有序二级项目列表一</li>
<li>有序二级项目列表二</li>
<ul>
<li>无序三级项目列表一</li>
<li>无序三级项目列表一</li>
<ul class="list-unstyled">
<li>无序四级项目列表一</li>
<li>无序四级项目列表一</li>
</ul>
<li>无序三级项目列表一</li>
</ul>
<li>有序二级项目列表三</li>
</ol>
<li>有序项目列表三</li>
</ol>
第二个li里面嵌套,不能在第三个li里面嵌套
我的代码:
<!--下面是代码任务部分-->
<ol>
<li>有序项目列表一</li>
<li>
有序项目列表二
<ol class="list-unstyled">
<li>有序二级项目列表一</li>
<li>
有序二级项目列表二
<ul>
<li>无序三级项目列表一</li>
<li>
无序三级项目列表二
<ul class="list-unstyled">
<li>无序四级项目列表一</li>
<li>无序四级项目列表二</li>
</ul>
</li>
<li>无序三级项目列表三</li>
</ul>
</li>
<li>有序二级项目列表三</li>
</ol>
</li>
<li>有序项目列表三</li>
</ol>
<ol>
<li>有序项目列表一</li>
<li>
有序项目列表二
<ol class="list-unstyled">
<li>有序二级项目列表一</li>
<li>有序二级项目列表二
<ul>
<li>3333-1111</li>
<li>3333-2222
<ul class="list-unstyled">
<li>4444-1111</li>
<li>4444-2222</li>
</ul>
</li>
<li>3333-3333</li>
</ul>
</li>
<li>有序二级项目列表三</li>
</ol>
</li>
<li>有序项目列表三</li>
</ol>
玩转Bootstrap(基础)
314546 学习 · 2275 问题
相似问题