第九章之路径分页标签与徽章组件

网友投稿 210 2023-07-18


第九章之路径分页标签与徽章组件

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、css、javascript 的,它简洁灵活,使得 Web 开发更加快捷。

学习要点:

1.路径组件

2.分页组件

3.标签组件

4.徽章组件

本节课我们主要学习一下 Bootstrap 的四个组件功能:路径组件、分页组件、标签组件和徽章组件。

一.路径组件

路径组件也叫做面包屑导航。

//面包屑导航

首页

产品列表

韩版 2015 年羊绒毛衣

二.分页组件

分页组件可以提供带有展示页面的功能。

//默认分页

«

1

2

3

4

5

»

//首选项和禁用

//设置尺寸,四种 lg、默认、sm 和 xs

//翻页效果

上一页

下一页

//对齐翻页链接

上一页

下一页

//翻页项禁用

三.标签

//在文本后面带上标签

//不同色调的标签

四.徽章

//未读信息数量徽章

信息 10

//按钮中使用徽章

提交 3

//激活状态自动适配色调

首页 2

资讯

以上所述是给大家介绍的Bootstrap组件之路径分页标签与徽章组件,希望对大家有所帮助!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:第五章之BootStrap 栅格系统
下一篇:基于node实现websocket协议
相关文章

 发表评论

暂时没有评论,来抢沙发吧~