title: How to remove a list item border in bootstrap list group?
body: <p>I just want to remove the first list-group-item top border:</p>
  
  <pre><code>&lt;ul class="list-group"&gt;
    &lt;li class="list-group-item borderless"&gt;Cras justo odio&lt;/li&gt;
    &lt;li class="list-group-item"&gt;Dapibus ac facilisis in&lt;/li&gt;
    &lt;li class="list-group-item"&gt;Morbi leo risus&lt;/li&gt;
    &lt;li class="list-group-item"&gt;Porta ac consectetur ac&lt;/li&gt;
    &lt;li class="list-group-item"&gt;Vestibulum at eros&lt;/li&gt;
  &lt;/ul&gt;
  
  .borderless li {
      border-top: none;
  }
  </code></pre>
  
  <p>but doesn't work, Anybody can help me, Thanks in advance!</p>