欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-10 09:20:48
...
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

学习要点:

1.路径组件

2.分页组件

3.标签组件

4.徽章组件

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

一.路径组件

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

//面包屑导航

二.分页组件

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

//默认分页
//首选项和禁用
  • 1
  • 2
  • //设置尺寸,四种 lg、默认、sm 和 xs

    三.标签

    //在文本后面带上标签
    

    标签 new

    //不同色调的标签

    标签 new

    标签 new

    标签 new

    标签 new

    标签 new

    四.徽章

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

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