加form-grope是为了以后更好的管理，一组form写一个form-grope
显示如下：
并排显示的话，给用户名前面再加一个div,再加horizontal，如下，并且加上control-label，更好的居中显示：
显示如下：
禁用：
大一些的
显示如下：
正常的：
显示如下：
小一些的：
显示如下：
按钮、图片：
如果不加btn，直接写，btn-default，那么样式不会起作用：
显示：
btn写的样式：
预定义样式：
btn的样式写法：
btn-default写法：
btn-lg写法：
显示如下：
图片：
显示如下：
关闭按钮：
如果我们要写一个关闭按钮，需要很多行代码，但在bootstrap中为我们预定义好了，我们只需要遵循以下格式来写：
<button><span class="close">×</span></button>
显示如下：
hover时候的样式：
不加<button>标签显示在右上角：
hover时显示：
写法：
其实是加了个：
工作中少用！important ，他是优先级最高的，但是bootstrap中以class出现可以引用。
<span class="center-block" style="width: 200px; background: red;">这是元素</span>
显示如下：
写法：
hidden的隐藏不在文档流中，一般配合js，权限不够就看不见，权限够了就show
二invisible隐藏的还在文档流中：
显示：
总结：
