css - 在 Bootstrap 列表项中制作标题？

Question

我正在尝试在 bootstrap 3 中做这样的事情

这就是我现在拥有的

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

Answer 1

请检查 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

如果你有任何问题，请不要犹豫，或评论答案