Help starting Pagination
I'm trying to create a "news" page and only want to display a few articles at a time. I've added a pagination navigation at the bottom of the page but I have no idea how to even start getting everything to work. I've done a lot of googling but I can't find an tutorials that can help. Nearly everything I found is on how to just create the nav bar. I've seen suggestions on jQuery plugins and so on, but nothing on how to even get started. Can someone point me in the right direction?
Sample of code (if needed)
<div class="col-lg-8">
<article class="row">
<div class="col-xs-12">
<h1>News</h1>
<hr>
<img src="Images/Originals/header placeholder.jpg" alt="Placeholder image" class="img-responsive center-block" id="header_image">
<h4>August 30, 2017</h4>
<p><a href="#" target="_parent">Mr. John Klingel joins Quantum Research International, Inc.</a></p>
<h4>August 16, 2017</h4>
<p><a href="#" target="_parent">Quantum Research International and Adcole Maryland Aerospace Announce Successful Launch of Kestrel Eye Block II Satellite</a></p>
<h4>July 13, 2017</h4>
<p><a href="#" target="_parent">Quantum Awarded Work for Joint Staff Combined Fire Support Interoperability Division</a></p>
<h4>July 13, 2017</h4>
<p><a href="#" target="_parent">Quantum Awarded Work for Joint Staff Deployable Analysis Team</a></p>
<h4>June 23, 2017</h4>
<p><a href="#" target="_parent">Quantum Awarded Work for Operationally Responsive Space Support</a></p>
<h4>April 5, 2017</h4>
<p><a href="#" target="_parent">National Security Cyber Assistance Program (NSCAP) Vulnerability Assessment Service Accreditation</a></p>
<h4>Februrary 10, 2017</h4>
<p><a href="#" target="_parent">Mr. James Lackey Joins Quantum as Senior VP and Defense Systems Group Manager</a></p>
<h4>Februrary 10, 2017</h4>
<p><a href="#" target="_parent">Mr. Brad Kettner Promoted to Manager, Space and Warfighter Division and Program Manager, COSMIC</a></p>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<nav class="text-center">
<!-- Add class .pagination-lg for larger blocks or .pagination-sm for smaller blocks-->
<ul class="pagination">
<li> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li class="disabled"><a href="#">5</a></li>
<li> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li>
</ul>
</nav>
</div>
</div>
AdChoices