<!-- 分页组件 --> <ul> <!-- 可设置的尺寸：lg ,默认，sm 和 xs --> <li><a href="#">«</a></li> <li><a href="#">1</a></li> <!-- 设置为首选项 --> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <!-- 设置为禁用项 --> <li><a href="#">»</a></li> </ul> <br><!-- 分页效果 --> <ul> <!-- 默认会自动居中显示 --> <li><a href="#">上一页</a></li> <li><a href="#">下一页</a></li> </ul> <br> <ul> <!-- 设置分页按钮对齐分页连接 --> <li><a href="#">上一页</a></li> <li><a href="#">下一页</a></li> </ul>
五. 标签组件
<!-- 标签组件 --> <!-- 在文本后面带上标签, 标签的样式有6中：defualt,primary,success,info,warning,danger --> <h3>标签<span>new</span></h3>
六. 徽章组件
<!-- 徽章 --> <a href="#">未读信息信息<span>10</span></a> <br><!-- 按钮中使用徽章 --> <button> 提交<span>5</span> </button> <br><!-- 激活状态自动切换色调 --> <ul> <li><a href="https://www.jb51.net/article/active">首页<span>2</span></a></li> <li><a href="">咨讯</a></li> </ul>