前端响应式布局：基础与提升视频课程

1-1

学习计划和路线Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架；Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

「仅限付费用户」点击下载“学习计划和路线.rar”

1-2

引入bootstrapBootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的；Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。

「仅限付费用户」点击下载“引入bootstrap.rar”

1-3

网格布局范例（一）Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。

「仅限付费用户」点击下载“网格布局范例（一）.rar”

1-4

网格布局范例（二）在网页设计中，它是一种用于快速创建一致的布局和有效地使用 HTML 和 CSS 的方法。

「仅限付费用户」点击下载“网格布局范例（二）.rar”

1-5

Bootstrap 网格系统（一）媒体查询是非常别致的"有条件的 CSS 规则"，它只适用于一些基于某些规定条件的 CSS。如果满足那些条件，则应用相应的样式，Bootstrap 中的媒体查询允许您基于视口大小移动、显示并隐藏内容。

「仅限付费用户」点击下载“Bootstrap 网格系统（一）.rar”

1-6

Bootstrap 网格系统（二）偏移是一个用于更专业的布局的有用功能。它们可用来给列腾出更多的空间。例如，.col-xs=* 类不支持偏移，但是它们可以简单地通过使用一个空的单元格来实现该效果。

「仅限付费用户」点击下载“Bootstrap 网格系统（二）.rar”

1-7

Bootstrap CSS 介绍Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作，您需要使用 HTML5 文档类型（Doctype）。

「仅限付费用户」点击下载“Bootstrap CSS 介绍.rar”

1-8

Bootstrap 排版（一）使用 Bootstrap 的排版特性，您可以创建标题、段落、列表及其他内联元素。

「仅限付费用户」点击下载“Bootstrap 排版（一）.rar”

1-9

Bootstrap 排版（二）HTML 的默认强调标签 <small>（设置文本为父文本大小的 85%）、<strong>（设置文本为更粗的文本）、<em>（设置文本为斜体）。

「仅限付费用户」点击下载“Bootstrap 排版（二）.rar”

1-10

Bootstrap 排版（三）Bootstrap 支持有序列表、无序列表和定义列表。

「仅限付费用户」点击下载“Bootstrap 排版（三）.rar”

1-11

Bootstrap 代码类输出请确保当您使用 <pre> 和 <code> 标签时，开始和结束标签使用了 unicode 变体： < 和 >。

「仅限付费用户」点击下载“Bootstrap 代码.rar”

1-12

Bootstrap 表格（一）Bootstrap 提供了一个清晰的创建表格的布局。

「仅限付费用户」点击下载“Bootstrap 表格（一）.rar”

1-13

Bootstrap 表格（二）通过把任意的 .table 包在 .table-responsive class 内，您可以让表格水平滚动以适应小型设备。当在大型设备上查看时，您将看不到任何的差别。

「仅限付费用户」点击下载“Bootstrap 表格（二）.rar”

1-14

Bootstrap 表单（一）Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。

「仅限付费用户」点击下载“Bootstrap 表单（一）.rar”

1-15

Bootstrap 表单（二）Bootstrap 支持最常见的表单控件，主要是 input、textarea、checkbox、radio 和 select。

「仅限付费用户」点击下载“Bootstrap 表单（二）.rar”

1-16

Bootstrap 表单（三）需要在一个水平表单内的表单标签后放置纯文本时，请在 <p> 上使用 class .form-control-static。

「仅限付费用户」点击下载“Bootstrap 表单（三）.rar”

1-17

Bootstrap 表单（四）Bootstrap 表单控件可以在输入框 input 上有一个块级帮助文本。为了添加一个占用整个宽度的内容块，可以在 <input> 后使用 .help-block。

「仅限付费用户」点击下载“17.rar”

1-18

Bootstrap 按钮（一）任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观，但是 Bootstrap 提供了一些选项来定义按钮的样式。

「仅限付费用户」点击下载“Bootstrap 按钮（一）.rar”

1-19

Bootstrap 按钮（二）在 <a>、<button> 或 <input> 元素上创建按钮也可以使用按钮 clas，但是建议您在 <button> 元素上使用按钮 class，避免跨浏览器的不一致性问题。

「仅限付费用户」点击下载“Bootstrap 按钮（二）.rar”

1-20

Bootstrap 图片类应用学习.img-responsive 类将 max-width: 100%; 和 height: auto; 样式应用在图片上。

「仅限付费用户」点击下载“Bootstrap 图片.rar”