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

来源:7-19 列表组--基础列表组

一个非相关专业的人

2018-04-15 09:59

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

.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;
}


写回答 关注

1回答

  • 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>


    一个非相关专...

    原来定义成块级元素点就去掉了。。感激不尽

    2018-04-19 12:45:26

    共 1 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题