Bootstrap 4 List Groups

<?php include 'header.php' ?>

<div class="container-fluid">

<ul class="list-group">
	<li class="list-group-item">First</li>
	<li class="list-group-item">Second</li>
	<li class="list-group-item">Third</li>
</ul>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">

<ul class="list-group">
	<a href="#" class="list-group-item list-group-item-action">Post A</a>
	<a href="#" class="list-group-item list-group-item-action">Post B</a>
	<a href="#" class="list-group-item list-group-item-action">Post C</a>
</ul>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">

<ul class="list-group">
	<a href="#" class="list-group-item list-group-item-action">Post A
		<span class="badge badge-pill badge-primary">15</span></a>
	<a href="#" class="list-group-item list-group-item-action">Post B
		<span class="badge badge-pill badge-primary">25</span></a></a>
	<a href="#" class="list-group-item list-group-item-action">Post C
		<span class="badge badge-pill badge-primary">35</span></a></a>
</ul>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">

<ul class="list-group">
	<a href="#" class="list-group-item list-group-item-action align-items-center">Post A
		<span class="badge badge-pill badge-primary">15</span></a>
	<a href="#" class="list-group-item list-group-item-action align-items-center">Post B
		<span class="badge badge-pill badge-danger">25</span></a></a>
	<a href="#" class="list-group-item list-group-item-action align-items-center">Post C
		<span class="badge badge-pill badge-success">35</span></a></a>
</ul>

</div>

<?php include 'footer.php' ?>