bootstrap的分页组件的href怎么用
时间: 2024-05-10 22:15:33 浏览: 103
Bootstrap CSS组件之分页(pagination)和翻页(pager)
Bootstrap分页组件中的`href`属性可以用于指定每个分页链接的目标URL地址。当用户点击分页链接时,浏览器会自动跳转到相应的URL页面。
例如,以下代码片段展示了一个基本的Bootstrap分页组件:
```html
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</nav>
```
在上面的代码中,`href`属性被设置为`#`,这表示分页链接的目标URL地址是当前页面的URL。如果你想要链接到其他页面,只需要将`href`属性设置为相应的URL即可。例如:
```html
<li class="page-item"><a class="page-link" href="/page2">2</a></li>
```
上面的代码将分页链接的目标URL地址设置为`/page2`,当用户点击该链接时,浏览器会自动跳转到`/page2`页面。
阅读全文