第五周笔记

一、BootStrap样式
Bootstrap支持以两种方式显示代码：
第一种是code标签，用来内联显示代码；
第二种是pre标签，用来显示为一个独立的块元素或者代码有多行。

BootStrap表格
Bootstrap提供了一个清晰的创建表格的布局，下表列出了Bootstrap支持的一些表格元素：
标签 描述
table 为表格添加基础样式。
thead 表格标题行的容器元素（tr），用来标识表格列。
tbody 表格主体中的表格行的容器元素（tr）。
table 为表格添加基础样式。
tr 一组出现在单行上的表格单元格的容器元素（td或th）。
td 默认的表格单元格。
th 特殊的表格单元格，用来标识列或行（取决于范围和位置）。必须在thead内使用。
caption 关于表格存储内容的描述或总结。
二、BootStrap组件和插件

导航栏
导航栏是一个很使用的功能，是Bootstrap网站的一个突出特点。
导航栏在应用或网站中作为导航页头的响应式基础组件。
导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。
在Bootstrap导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。
创建一个默认的导航栏的步骤如下：
向nav标签添加class .navbar、.navbar-default。
向上面的元素添加 role=“navigation”，有助于增加可访问性。
向div元素添加一个标题class .navbar-header，内部包含了带有class navbar-brand的a元素。
为了向导航栏添加链接，只需要简单地添加带有class .nav、.navbar-nav的无序列表即可。
2. 列表组
列表组件用于以列表形式呈现复杂的和自定义的内容。

创建一个基本的列表组的步骤如下：
向元素ul添加 class .list-group。
向li添加 class .list-group-item。

多媒体对象
Bootstrap中的多媒体对象有图像、视频、音频等。
多媒体对象的样式可用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。
媒体对象可以用更少的代码来实现媒体对象与文字的混排。
在div元素上添加.media类来创建一个多媒体对象。
使用.media-left
一、BootStrap样式
Bootstrap支持以两种方式显示代码：
第一种是code标签，用来内联显示代码；
第二种是pre标签，用来显示为一个独立的块元素或者代码有多行。

BootStrap表格
Bootstrap提供了一个清晰的创建表格的布局，下表列出了Bootstrap支持的一些表格元素：
标签 描述
table 为表格添加基础样式。
thead 表格标题行的容器元素（tr），用来标识表格列。
tbody 表格主体中的表格行的容器元素（tr）。
table 为表格添加基础样式。
tr 一组出现在单行上的表格单元格的容器元素（td或th）。
td 默认的表格单元格。
th 特殊的表格单元格，用来标识列或行（取决于范围和位置）。必须在thead内使用。
caption 关于表格存储内容的描述或总结。
二、BootStrap组件和插件

导航栏
导航栏是一个很使用的功能，是Bootstrap网站的一个突出特点。
导航栏在应用或网站中作为导航页头的响应式基础组件。
导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。
在Bootstrap导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。
创建一个默认的导航栏的步骤如下：
向nav标签添加class .navbar、.navbar-default。
向上面的元素添加 role=“navigation”，有助于增加可访问性。
向div元素添加一个标题class .navbar-header，内部包含了带有class navbar-brand的a元素。
为了向导航栏添加链接，只需要简单地添加带有class .nav、.navbar-nav的无序列表即可。
2. 列表组
列表组件用于以列表形式呈现复杂的和自定义的内容。

创建一个基本的列表组的步骤如下：
向元素ul添加 class .list-group。
向li添加 class .list-group-item。

多媒体对象
Bootstrap中的多媒体对象有图像、视频、音频等。
多媒体对象的样式可用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。
媒体对象可以用更少的代码来实现媒体对象与文字的混排。
在div元素上添加.media类来创建一个多媒体对象。
使用.media-left