问答详情
源自：7-19 列表组--基础列表组

bootstrap里的基础列表组是怎么把列表圆点去掉的。

观察了下源码。。没看到消除列表圆点的代码啊。。

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}


提问者：一个非相关专业的人 2018-04-15 09:59

个回答

  • guoyi_stone
    2018-04-17 17:33:55
    已采纳

    display: block;

    <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>去掉ul中li前的点.html</title>
    <style type="text/css">
    ul li {
        display: block;
    }
    </style>
</head>
<body>
<ul>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
</ul>
</body>
</html>


    0