Making heading in bootstrap list item?

Question

I am trying to make something like this in bootstrap 3

This is what i have for now

<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

please check the jsfiddle example,

from the image you've provided: 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>

you can check it here

if you will have some questions please don't hesitate to ask, or comment the answer