bootstrap笔记

class = "list-unstyled";

class = "list-inline";

在Bootstrap主要提供了三种代码风格：

1、使用<code></code>来显示单行内联代码

2、使用<pre></pre>来显示多行块代码

3、使用<kbd></kbd>来显示用户输入代码

预编译版本的Bootstrap将代码的样式单独提取出来：

1、LESS版本，请查阅code.less文件

2、Sass版本，请查阅_code.scss文件

表格

表格是Bootstrap的一个基础组件之一，Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中，只需要添加对应的类名就可以得到不同的表格风格，在接下来的内容中，我们会详细介绍Bootstrap的表格使用。

☑ .table：基础表格

☑ .table-striped：斑马线表格

☑ .table-bordered：带边框的表格

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

☑ .table-condensed：紧凑型表格

☑ .table-responsive：响应式表格

<table class="table table-bordered table-hover">

<input type="email" class="form-control" placeholder="请输入您的邮箱地址">

在<form>元素上使用类名“form-horizontal”主要有以下几个作用：

1、设置表单控件padding和margin值。

2、改变“form-group”的表现形式，类似于网格系统的“row”

在Bootstrap框架中实现这样的表单效果是轻而易举的，你只需要在<form>元素中添加类名“form-inline”即可。

<div class="form-group">

<label class="sr-only" for="exampleInputEmail2">邮箱</label>

<input type="email" class="form-control" id="exampleInputEmail2" placeholder="请输入你的邮箱地址">

</div>