首页 > 代码库 > Bootstrap页面布局18 - BS导航路径以及分页器

Bootstrap页面布局18 - BS导航路径以及分页器

2024-07-15 13:25:14   226人阅读

导航路径：又叫“面包屑”，功能是让用户知道所处的位置。

<!--面包屑--><ul class=‘breadcrumb‘>    <li><a href=http://www.mamicode.com/‘#‘>首页 class=‘divider‘>></span></li>    <li><a href=http://www.mamicode.com/‘#‘>餐厅列表 class=‘divider‘>></span></li>    <li class=‘active‘><a href=http://www.mamicode.com/‘#‘>餐厅详细>

如图：

分页器：一般用在内容的列表页面，在不同的内容页面来回的跳转。

<!--分页器--><div class=‘ pagination pagination-centered‘>    <ul>        <li><a href=http://www.mamicode.com/‘#‘>首页"color: #0000ff;">class=‘active‘><a href=http://www.mamicode.com/‘#‘>10>

如图：居中显示

同过以下类来控制分页显示的位置

.pagination pagination-centered:居中

.pagination pagination-right:居右

.pagination pagination-centered:居左（默认）

简单的分页器：

<!--简单的分页器--><div class=‘pager‘>    <ul>                <li><a href=http://www.mamicode.com/‘#‘>上一页>

如图：

居左（上一页）-居右（下一页）的简单分页器：

<ul class=‘pager‘>    <li><a href=http://www.mamicode.com/‘#‘>上一页>

如图：

 


联系
我们