Menu
I just want to remove the first list-group-item top border:
<ul class="list-group"> <li class="list-group-item borderless">Cras justo odio</li> <li class="list-group-item">Dapibus ac facilisis in</li> <li class="list-group-item">Morbi leo risus</li> <li class="list-group-item">Porta ac consectetur ac</li> <li class="list-group-item">Vestibulum at eros</li> </ul> .borderless li { border-top: none; } but doesn't work, Anybody can help me, Thanks in advance!
627
list-group-flush to remove some borders and rounded corners to render list group items edge-to-edge in a parent container (e.g., cards).
its simple just add class table-bordered{border:0px;} or table-bordered{border:none;} any of them you can use.
Add the badges component to any list group item and it will automatically be positioned on the right. Just add <span class = "badge"> within the <li> element.
List Groups are used to display a series of content. We can modify them to support any content as per our needs. The use of List-Groups is just to display a series or list of content in an organized way.
In Bootstrap 4.0 you can simply set each individually or all using the border-* class.
<ul class="list-group"> <li class="list-group-item border-0">One</li> <li class="list-group-item border-top-0">Two</li> <li class="list-group-item border-right-0">Three</li> <li class="list-group-item border-bottom-0">Four</li> <li class="list-group-item border-left-0">Five</li> <ul /> Bootstrap 4.0 Borders Documententation
96
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
