Html 制作<;李>;使用bootstrap 3设置样式
我有一个文本需要如下所示: 问题是,当我使用bootstrap时,有3个像这样的常见类Html 制作<;李>;使用bootstrap 3设置样式,html,twitter-bootstrap-3,Html,Twitter Bootstrap 3,我有一个文本需要如下所示: 问题是,当我使用bootstrap时,有3个像这样的常见类 <ul class="list-unstyled"> <li>Item</li> <li>Item</li> </ul> HTML <ol class="list-numbered">
<ul class="list-unstyled">
<li>Item</li>
<li>Item</li>
</ul>
HTML
<ol class="list-numbered">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis nisi vitae est porta aliquet. Nullam lacinia ornare diam, in lobortis massa eleifend a. Phasellus tempor lacus ligula.. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis nisi vitae est porta aliquet. Nullam lacinia ornare diam, in lobortis massa eleifend a. Phasellus tempor lacus ligula.. </li>
</ol>
Lorem ipsum dolor sit amet,是一位杰出的献身者。生命之门在哪里。在马萨岛的大叶中,有一个直径为10毫米的水母。颞叶舌骨李>
Lorem ipsum dolor sit amet,是一位杰出的献身者。生命之门在哪里。在马萨岛的大叶中,有一个直径为10毫米的水母。颞叶舌骨李>
像这样在li中添加span可以吗
从列表中删除类(我们希望显示
列表样式
,而不是像引导程序那样隐藏它们),并使用有序列表而不是无序列表
<style>
ol {
counter-reset: section;
list-style-type: none;
}
li:before {
counter-increment: section;
content: counters(section,".") " ";
}
</style>
<ol>
<li>a
<ol>
<li>b
<li>c
</ol>
<li>d
</ol>
ol{
计数器复位:部分;
列表样式类型:无;
}
李:以前{
反增量:节;
内容:计数器(第节“.”);
}
a
b
c
d
我修改了他使用你原来的小提琴来展示你如何用他说的话做你想做的事:
ol.list-unstyled {
counter-reset:section 3;
}
ol.list-unstyled > li {
list-style:none;
}
ol.list-numbered {
counter-reset:subsection;
}
ol.list-numbered li::before {
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
这已经被更新为有效的HTML5标记。我创建了编辑,如果有人可以根据我的编辑创建答案,但只添加标题,我将接受它。我不知道它是如何引导的,但正确的方法是使用
OL
而不是UL
和列表样式位置:外部
。看到小提琴很好的解决方案,唯一的问题就是我的造型不好?根据需要添加其他样式,但我的帖子中有关于在LI
s之前添加数字的主要思想。在LI::before i can get中,问题是要分开。你能更新你的问题吗?同样,在第一项中,我想删除1,在最后一项中删除1吗?如何做到这一点,伟大的伴侣你是最伟大的,所以问题是当你有2.1手动输入数字不是个好主意。当您将有100个LI
s,并且希望将另一个放入列表顶部时,您将手动更改所有其他?输入错误的正确方法:-)感谢您的建议,这是我第一次从您的答案中看到“计数器重置”和“计数器增量”属性。:-)尼斯只是添加了样式,问题是这个HTML不是有效的HTML5标记:(TxanksI已经解决了这个问题。
<style>
ol {
counter-reset: section;
list-style-type: none;
}
li:before {
counter-increment: section;
content: counters(section,".") " ";
}
</style>
<ol>
<li>a
<ol>
<li>b
<li>c
</ol>
<li>d
</ol>
ol.list-unstyled {
counter-reset:section 3;
}
ol.list-unstyled > li {
list-style:none;
}
ol.list-numbered {
counter-reset:subsection;
}
ol.list-numbered li::before {
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}