摘要：
表单 1、基本实例 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获 阅读全文
摘要：
表格 1、基本表格 为任意 <table> 标签添加 .table 类可以为其赋予基本的样式 — 少量的内补（padding）和水平方向的分隔线。这种方式看起来很多余！？但是我们觉得，表格元素使用的很广泛，如果我们为其赋予默认样式可能会影响例如日历和日期选择之类的插件，所以我们选择将此样式独立出来。 阅读全文
摘要：
代码 1、内联代码 通过 <code> 标签包裹内联样式的代码片段。 For example, <code><section></code> should be wrapped as inline. 2、用户输入 通过 <kbd> 标签标记用户通过键盘输入的内容。 To switch d 阅读全文
摘要：
排版 1、标题 HTML 中的所有标题标签，<h1> 到 <h6> 均可使用。另外，还提供了 .h1 到 .h6 类，为的是给内联（inline）属性的文本赋予标题的样式。 <h4>标题</h4> <!-- 常规标题 --> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题< 阅读全文
摘要：
栅格系统 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。 1、简介 栅格系统用于通过一系列的行（row）与列（column）的组合来创 阅读全文
摘要：
1、HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在你项目中的每个页面都要参照下面的格式进行设置。 <!doctype html> <html lang="en"> ... </html> 2、移动设备优先 为了确保适当 阅读全文
摘要：
一、下载Bootstrap Bootstrap （当前版本 v3.4.1）提供以下几种方式帮你快速上手，每一种方式针对具有不同技能等级的开发者和不同的使用场景。 1、BootstrapCDN 通过cdn直接引入bootstrap的css和js核心文件（同时还需要引入jquery核心js文件，因为bo 阅读全文