博客
关于我
Bootstrap-组件
阅读量:95 次
发布时间:2019-02-26

本文共 3615 字,大约阅读时间需要 12 分钟。

1.1 下拉菜单

代码示例

  
Bootstrap的模板

执行结果

1.2 按钮组

代码示例

  
Bootstrap按钮组

按钮组

按钮组大小

垂直排列的按钮组

复选框

单选框

执行结果

1.3 按钮式下拉菜单

代码示例

  
按钮式下拉菜单

执行结果

1.4 输入框组

代码示例

  
Bootstrap的输入框

登录名

@aliyun.com

登录密码

搜索按钮

整合搜索按钮

执行结果

1.5 导航栏

代码示例

  
Bootstrap的导航栏

标签页

胶囊式标签页

垂直胶囊式标签页

执行结果

1.6 面包屑导航和分页

代码示例

  
面包屑导航和分页

面包屑导航

基本分页

翻页

翻页禁用状态

执行结果

1.7 标签

代码示例

  
Bootstrap标签和微章

默认标签

默认

强调标签

强调

成功标签

成功

信息标签

信息

警告标签

警告

危险标签

危险

超链旁的徽记

新的消息42

按钮中的徽记

执行结果

1.8 缩略图

扩展 Bootstrap 的 栅格系统,可以很容易地展示栅格样式的图像、视频、文本等内容。

缩率图的类样式 特性
thumbnall 将元素设置成缩略图,内部可以包含图片、文字,等其他元素,这个缩略图放在div栅格布局的容器中。
caption 缩略图中的标题

代码示例

  
Bootstrap缩略图
Leonard

选中

Kobe

选中

Curry

选中

Rondo

选中

执行结果

1.9 进度条

代码示例

  
Bootstrap的进度条

基本进度条

带有提示的进度条

30%

不同颜色的进度条

40%
70%

执行结果

转载地址:http://gzfz.baihongyu.com/

你可能感兴趣的文章
mysql 递归查找父节点_MySQL递归查询树状表的子节点、父节点具体实现
查看>>
mysql 通过查看mysql 配置参数、状态来优化你的mysql
查看>>
mysql 里对root及普通用户赋权及更改密码的一些命令
查看>>
Mysql 重置自增列的开始序号
查看>>
mysql 锁机制 mvcc_Mysql性能优化-事务、锁和MVCC
查看>>
MySQL 错误
查看>>
mysql 随机数 rand使用
查看>>
MySQL 面试题汇总
查看>>
MySQL 面试,必须掌握的 8 大核心点
查看>>
MySQL 高可用性之keepalived+mysql双主
查看>>
MySQL 高性能优化规范建议
查看>>
mysql 默认事务隔离级别下锁分析
查看>>
Mysql--逻辑架构
查看>>
MySql-2019-4-21-复习
查看>>
mysql-5.6.17-win32免安装版配置
查看>>
mysql-5.7.18安装
查看>>
MySQL-Buffer的应用
查看>>
mysql-cluster 安装篇(1)---简介
查看>>
mysql-connector-java.jar乱码,最新版mysql-connector-java-8.0.15.jar,如何愉快的进行JDBC操作...
查看>>
mysql-connector-java各种版本下载地址
查看>>