在bootstrap列表项目中进行标题?

时间:2014-09-03 07:49:32

标签: css3 twitter-bootstrap

我试图在bootstrap 3中做出类似的事情

enter image description here

这就是我现在所拥有的

<ul class="list-group">
  <li class="list-group-item">
    Cras justo odio
  </li>
  <li class="list-group-item">
    Dapibus ac facilisis in
  </li>
  <li class="list-group-item">
    Morbi leo risus
  </li>
</ul>

1 个答案:

答案 0 :(得分:8)

请查看jsfiddle示例

从您提供的图片中: css:

.borderless .list-group-item {
    border: none;
}

HTML:

<ul class="list-group borderless">
  <li class="nav-header disabled"><a>Header A</a></li>
  <li class="list-group-item">
    Cras justo odio
  </li>
  <li class="list-group-item">
    Dapibus ac facilisis in
  </li>
  <li class="list-group-item">
    Morbi leo risus
  </li>
</ul>

您可以查看here

如果您有任何疑问,请不要犹豫,或回答评论