使用Bootstrap 4 container类出现莫名圆点无法移除求助
解决Bootstrap 4 Container类引发的莫名圆点问题
- 这类莫名圆点90%以上是列表默认项目符号,大概率是你的
container元素被嵌套在<ul>/<ol>标签里,或者它的某个父级是列表元素,继承了列表的默认样式。 - 快速修复方案:
- 直接给带圆点的
container添加CSS清除样式:.container { list-style: none; padding-left: 0; } - 若能找到父级列表元素,给它清除样式更彻底(怕影响其他列表的话,给目标列表加专属类名即可):
ul.target-list, ol.target-list { list-style: none; padding-left: 0; }
- 直接给带圆点的
- 根治办法:检查HTML结构,把
container从<ul>/<ol>/<li>这类列表标签内部移出来,从根源避免不必要的样式继承。
内容的提问来源于stack exchange,提问作者Nilutpol Kashyap
相关产品推荐
相关产品推荐

