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

2022-01-11,,,,

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。本文给大家介绍路径分页标签与徽章组件,感兴趣的朋友一起学习吧

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

学习要点:

1.路径组件

2.分页组件

3.标签组件

4.徽章组件

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

一.路径组件

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

 //面包屑导航 

二.分页组件

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

 //默认分页 
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
//首选项和禁用
  • 1
  • 2
  • //设置尺寸,四种 lg、默认、sm 和 xs
      //翻页效果
      • 上一页
      • 下一页
      //对齐翻页链接
      //翻页项禁用

    三.标签

     //在文本后面带上标签 

    标签 new

    //不同色调的标签

    标签 new

    标签 new

    标签 new

    标签 new

    标签 new

    四.徽章

     //未读信息数量徽章 信息 10 //按钮中使用徽章  //激活状态自动适配色调 

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

    以上就是第九章之路径分页标签与徽章组件的详细内容,更多请关注本站其它相关文章!

    《第九章之路径分页标签与徽章组件.doc》

    下载本文的Word格式文档,以方便收藏与打印。