                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

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

源自：玩转Bootstrap（基础） 7-19

关注问题我要回答

3097

操作

收起

1 回答

guoyi_stone 回答被采纳 +2 积分
2018-04-17

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>