斜体

Bootstrap中还可以通过使用标签<em>或<i>来实现。
例如，下面的代码使用了<em>和<i>标签定义了强调文本

粗体

在Bootstrap中，可以使用<b>和<strong>标签让文本直接加粗。

例如

<p>我在学习<strong>Bootstrap</strong>,我要掌握<strong>Bootstrap</strong>的所有知识。</p>

强调内容

如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。用法如下：

<p>我是普通文本</p>

<p class = "lead">我是特意要突出的文本</p>

除此之外，Bootstrap还通过元素标签:<small>、<strong>、<em>和<cite>给文本做突出样式处理。

bootstrap中的副标题采用<small></small>

例：

把“孤儿院无私奉献30年”作为一级标题，“一曲人性的赞歌”作为副标题。

<h1>孤儿院无私奉献30年

        <small>一曲人性的赞歌</small>

</h1>

前一节视频的要点

要把css文件放在head中，把jq和js放在body中

引用下面代码文件即引入了html5

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">

</script>

引入css3

<scrpit src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js">

</script>

Bootstrap框架的网格系统工作原理如下：

1、数据行(.row)必须包含在容器（.container）中，以便为其赋予合适的对齐方式和内距(padding)。如：

<div class="container">
    <div class="row"></div>
</div>

2、在行(.row)中可以添加列(.column)，但列数之和不能超过平分的总列数，比如12。如：

<div class="container">
    <div class="row">
  <div class="col-md-4"></div>
  <div class="col-md-8"></div>

3、具体内容应当放置在列容器（column）之内，而且只有列（column）才可以作为行容器(.row)的直接子元素。

4、通过设置内距（padding）从而创建列与列之间的间距。然后通过为第一列和最后一列设置负值的外距（margin）来抵消内距(padding)的影响。

简单对图解释一下：

1、最外边框，带有一大片白色区域，就是相当于浏览器的可视区域。在Bootstrap框架的网格系统中带有响应式效果，其带有四种类型的浏览器（超小屏，小屏，中屏和大屏），其断点（像素的分界点）是768px、992px和1220px。

2、第二个边框(1)相当于容器(.container)。针对不同的浏览器分辨率，其宽度也不一样：自动、750px、970px和1170px。

3、２号横条阐述的是，将容器的行（.row）平分了12等份，也就是列。每个列都有一个“padding-left:15px”(图中粉红色部分)和一个“padding-right:15px”(图中紫色部分)。这样也导致了第一个列的padding-left和最后一列的padding-right占据了总宽度的30px，从而致使页面不美观，当然，如果你需要留有一定的间距，这个做法是不错的。

4、３号横条就是行容器(.row),其定义了“margin-left”和”margin-right”值为”-15px”，用来抵消第一个列的左内距和最后一列的右内距。

5、将行与列给合在一起就能看到横条4的效果。也就是我们期望看到的效果，第一列和最后一列与容器（.container）之间没有间距。

横条５只是想向大家展示，你可以根据需要，任意组合列与列，只是他们的组合数之和不要超过总列数。

基础按钮 .btn

默认按钮 .btn-default

主要按钮 .btn-primary

成功按钮 .btn-success

信息按钮 .btn-info

警告按钮 .btn-warning

危险按钮 .btn-danger

链接按钮 .btn-link

reset按钮 是重置按钮，具体待查

<button type="reset">重置</button>

注意在单选按钮中，要设置同一组内才能单选。

所以同组设置name相同，缺少则都可选

一次性导入：

Bootstrap提供了一个单一的文件，这个文件包含了Bootstrap的所有JavaScript插件，即bootstrap.js（压缩版本：bootstrap.min.js）。

具体使用如下（或见右侧代码编辑器28-29行）：

<!—导入jQuery版本库，因为Bootstrap的JavaScript插件依赖于jQuery -->
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<!—- 一次性导入所有Bootstrap的JavaScript插件（压缩版本） --><script src="js/bootstrap.min.js"></script>

特别声明：jQuery版本库也可以加载你本地的jQuery版本。

单独导入：

为方便单独导入特效文件，Bootstrap V3.2中提供了12种JavaScript插件，他们分别是：

   动画过渡（Transitions）:对应的插件文件“transition.js”

   模态弹窗（Modal）:对应的插件文件“modal.js”

   下拉菜单（Dropdown）：对应的插件文件“dropdown.js”

   滚动侦测（Scrollspy）：对应的插件文件“scrollspy.js”

   选项卡（Tab）：对应的插件文件“tab.js”

   提示框（Tooltips）：对应的插件文件“tooltop.js”

   弹出框（Popover）：对应的插件文件“popover.js”

   警告框（Alert）：对应的插件文件“alert.js”

   按钮（Buttons）：对应的插件文件“button.js”

   折叠/手风琴（Collapse）：对应的插件文件“collapse.js”

   图片轮播Carousel：对应的插件文件“carousel.js”

   自动定位浮标Affix：对应的插件文件“affix.js”

上述单独插件的下载可到github去下载（https://github.com/twbs/bootstrap）。

   .table：基础表格

   .table-striped：斑马线表格

   .table-bordered：带边框的表格

   .table-hover：鼠标悬停高亮的表格

   .table-condensed：紧凑型表格

   .table-responsive：响应式表格

btn-group-justified

data-toggle必须设置为modal(toggle中文翻译过来就是触发器)；

：模态弹出窗声明，只需要自定义两个必要的属性：data-toggle和data-target

建议还是使用统一使用data-target的方式来触发。

btn-block    让按钮充满整个容器