Bootstrap CSS / 为什么使用 Bootstrap？ - 汇智网

Bootstrap CSS 互动版

Bootstrap 简介

什么是 Bootstrap？为什么使用 Bootstrap？ Bootstrap 包的内容在线实例

Bootstrap 环境安装

下载 Bootstrap 文件结构 HTML 模板实例 Bootstrap CDN推荐

Bootstrap CSS 概览

HTML 5 文档类型（Doctype）移动设备优先响应式图像全局显示、排版和链接避免跨浏览器的不一致容器（Container） Bootstrap 浏览器/设备支持

Bootstrap 网格系统

简介媒体查询栅格参数实例：从堆叠到水平排列实例：流式布局容器实例：移动设备和桌面屏幕实例：手机、平板、桌面实例：多余的列将另起一行排列响应式列重置列偏移嵌套列列排序 Less mixin 和变量

Bootstrap 排版

标题内联子标题页面主体内联文本元素对齐改变大小写缩写地址（Address）引用（Blockquote）列表

Bootstrap 代码

内联代码用户输入基本代码块变量程序输出

Bootstrap 表格

基本实例条纹状表格带边框的表格鼠标悬停紧缩表格状态类响应式表格

Bootstrap 表单

基本实例内联表单水平排列的表单被支持的控件1 被支持的控件2 静态控件焦点状态禁用状态只读状态校验状态添加额外的图标控件尺寸辅助文本

Bootstrap 按钮

可作为按钮使用的标签或元素预定义样式尺寸激活状态禁用状态

Bootstrap 图片

简介响应式图片图片形状

Bootstrap 辅助类

情境文本颜色情境背景色关闭按钮三角符号快速浮动让内容块居中清除浮动显示或隐藏内容屏幕阅读器和键盘导航图片替换

Bootstrap 响应式工具

简介可用的类打印类测试用例

Bootstrap 使用 Less

编译 Bootstrap 变量1 变量2 特定浏览器厂商的 mixin1 特定浏览器厂商的 mixin2 特定浏览器厂商的 mixin3 特定浏览器厂商的 mixin4 实用工具 mixin

容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。
响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。更多有关响应式设计的内容详见 Bootstrap 响应式设计。
它为开发人员创建接口提供了一个简洁统一的解决方案。
它包含了功能强大的内置组件，易于定制。
它还提供了基于 Web 的定制。
它是开源的。

什么是 Bootstrap？

Bootstrap 包的内容