Javascript 如何在分页引导中显示数据？

我想实现分页以使用引导显示一些数据。但我不知道在href=“#”中放入什么来显示该页面中的数据。是静态数据，我不想从数据库中获取数据

<nav aria-label="Page navigation">
    <ul class="pagination">
        <li>
            <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        <li><a href="#listarTabContent1">1</a></li>
        <li><a href="#listarTabContent2">2</a></li>
        <li><a href="#listarTabContent3">3</a></li>
        <li>
            <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
        </li>
    </ul>
    <div id="listarTabContent1">
        <h1>HOLA 1<h1>
    </div>
    <div id="listarTabContent2">
        <h1>HOLA 2<h1>
    </div>
    <div  id="listarTabContent3">
        <h1>HOLA 3<h1>
    </div>
</nav>

霍拉1
霍拉2
霍拉3

Bootstrap的分页仅为装饰性分页；它旨在设置分页输出的样式，而不是提供分页功能。我想你需要的是一个旋转木马，我推荐你使用猫头鹰旋转木马2，它有很多例子