Bootstrap Pager
Bootstrap pager is a form of pagination. If you want to use previous and next button, you can use pager. To use bootstrap pager add the .pager class to the <ul> tag.
Example:
<ul class="pager">
<li><a href="#"> Previous </a></li>
<li><a href="#"> Next </a></li>
</ul>
<li><a href="#"> Previous </a></li>
<li><a href="#"> Next </a></li>
</ul>
Run Example
Aligning Pager Buttons
To align the buttons to the sides of the page you can use .previous and .next classes.
Example:
<ul class="pager">
<li class="previous"><a href="#"> Previous </a></li>
<li class="next"><a href="#"> Next </a></li>
</ul>
<li class="previous"><a href="#"> Previous </a></li>
<li class="next"><a href="#"> Next </a></li>
</ul>
Run Example
Disabled Buttons
To disable a button you can use .disabled class.
Example:
<ul class="pager">
<li class="previous disabled"><a href="#"> Previous </a></li>
<li class="next"><a href="#"> Next </a></li>
</ul>
<li class="previous disabled"><a href="#"> Previous </a></li>
<li class="next"><a href="#"> Next </a></li>
</ul>
Run Example