路径导航和分页效果

最新推荐文章于 2021-06-07 15:15:17 发布

steve1988717

最新推荐文章于 2021-06-07 15:15:17 发布

阅读量343

点赞数

本文链接：https://blog.csdn.net/steve1988717/article/details/84892406

版权

本文介绍了路径导航，即面包屑导航的概念，并详细展示了两种分页效果：数字分页和上一页下一页的分页。同时，还提到了不同颜色的标签以及徽章在页面元素中的应用，以增强信息的视觉提示。

摘要由CSDN通过智能技术生成

路径导航也叫面包屑导航
在这里插入图片描述

<ol class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  <li class="active">Data</li>
</ol>

**
1，数字分页效果
在这里插入图片描述

pagination
« »

2，上一页和下一页的分页效果
在这里插入图片描述

<ul class="pager">
    <li class="previous"><a href="#">Older</a></li>
    <li class="next"><a href="#">Newer </a></li>
  </ul>

两端对齐分页
在这里插入图片描述

**
给链接、导航等元素嵌套元素，可以很醒目的展示新的或未读的信息条目。

<a href="#">Inbox <span class="badge">42</span></a>

<button class="btn btn-primary" type="button">
  Messages <span class="badge">4</span>
</button>

关注