Bootstrap-组件
本文共 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缩略图
执行结果
1.9 进度条
代码示例
Bootstrap的进度条 基本进度条
带有提示的进度条
不同颜色的进度条
执行结果
转载地址：http://gzfz.baihongyu.com/
你可能感兴趣的文章
MySQL InnoDB中意向锁的作用及原理探
查看>>
MySQL InnoDB事务隔离级别与锁机制深入解析
查看>>
Mysql InnoDB存储引擎 —— 数据页
查看>>
Mysql InnoDB存储引擎中的checkpoint技术
查看>>
Mysql InnoDB存储引擎中缓冲池Buffer Pool、Redo Log、Bin Log、Undo Log、Channge Buffer
查看>>
MySQL InnoDB引擎的锁机制详解
查看>>
Mysql INNODB引擎行锁的3种算法 Record Lock Next-Key Lock Grap Lock
查看>>
mysql InnoDB数据存储引擎 的B+树索引原理
查看>>
mysql innodb通过使用mvcc来实现可重复读
查看>>
mysql insert update 同时执行_MySQL进阶三板斧（三）看清“触发器 (Trigger)”的真实面目...
查看>>
mysql interval显示条件值_MySQL INTERVAL关键字可以使用哪些不同的单位值？
查看>>
Mysql join原理
查看>>
MySQL Join算法与调优白皮书（二）
查看>>
Mysql order by与limit混用陷阱
查看>>
Mysql order by与limit混用陷阱
查看>>
mysql order by多个字段排序
查看>>
MySQL Order By实现原理分析和Filesort优化
查看>>
mysql problems
查看>>
mysql replace first,MySQL中处理各种重复的一些方法
查看>>
MySQL replace函数替换字符串语句的用法（mysql字符串替换）
查看>>