即时通讯使用bootstrap span类作为span 2 span 4等等....我的问题是我在li下给我的li看起来相同,因为父li意味着子弹充满了黑色但是无法这样做.....请帮帮我们。
这是我和li和ul的代码:
<ul class="thumbnails">
<li class="span2"><span style="color: #e15b1f;">DESIGNER/FASHION HOUSES</span>
<ul>
<li>ASHIMA & LEENA SINGH Delhi</li>
<li>JATTIN KOCHHAR Delhi</li>
<li>JJ VALAYA Gurgaon</li>
<li>MANAV GANGWANI Delhi</li>
<li>MANDIRA WIRK Delhi</li>
<li>MONISHA BAJAJ and CO.Delhi</li>
</ul>
</li>
<li class="span2"><span style="color: #e15b1f;">RETAIL
ORGANISATIONS</span>
<ul>
<li>EBONY
Delhi</li>
<li>SHOPPERS STOP
Mumbai</li>
<li>PANTALOONS
Mumbai</li>
<li>LIFESTYLE
Delhi</li>
<li>TOMMY HILFIGER
Bangalore</li>
<li>NIKE
Bangalore</li>
</ul>
</li>
<li class="span2"><span style="color: #e15b1f;">DOMESTIC
COMPANIES</span>
<ul>
<li>INTERTEK
Gurgaon</li>
<li>WECA
Gurgaon</li>
<li>BIBA APPARELS
Delhi</li>
<li>SEWA
Delhi</li>
<li>PROVOGUE
Mumbai</li>
<li>BOMBAY DYEING
Mumbai</li>
</ul>
</li>
<li class="span2"><span style="color: #e15b1f;">OVERSEAS
COMPANIES</span>
<ul>
<li>CARREFOUR INDIA
United Kingdom </li>
<li>COLBY INTERNATIONAL
New York</li>
<li>GAP INTERNATIONAL
USA</li>
<li>LI AND FUNG
Hong Kong</li>
<li>POETICGEM UK</li>
<li>JILL STUART
New York</li>
</ul>
</li>
</ul>
答案 0 :(得分:3)
简单地添加
li {
list-style-type: disc !important;
}
你的样式表/头部样式标签应该可以解决问题。
答案 1 :(得分:1)
您只需要将list-style-type: disc;
应用于您希望拥有子弹的LI级别。
<强> http://jsfiddle.net/aab2p/2/ 强>
我的例子显示所有LI在红色标题下用子弹:
ul > li > ul > li {
list-style-type: disc !important;
}
答案 2 :(得分:1)
与Daedalus的答案相同,但在HTML文件中。
<li style="list-style-type: disc;">ASHIMA & LEENA SINGH Delhi</li>
答案 3 :(得分:1)
正如其他人所没有的那样,我将提供一个实际使用已经就地的课程的答案。将此代码放在CSS样式表中:
li.span2 ul li {
list-style: disc;
}
//OR
ul.thumbnails > li.span2 > ul > li {
list-style-type: disc;
}
您可能希望将!important
应用于覆盖现有样式,例如Daedalus或Adam的答案,但这次您不会影响您网站中的任何其他嵌套列表。
答案 4 :(得分:1)
以下内容足以覆盖*浏览器默认* s(内部列表使用circle
),以便列表项具有实心(disc
)列表项目符号:
ul li, ul li li { list-style-type: disc; }
如果这不足以覆盖您正在使用的某些引导代码中的设置,那么您需要分析该代码并使用更具体的选择器设置CSS。使用例如Firefox中的Firebug可以看到哪些CSS规则应用于每个元素。