加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=" 200px; background: red;">这是元素</span>
显示如下:
写法:
hidden的隐藏不在文档流中,一般配合js,权限不够就看不见,权限够了就show
二invisible隐藏的还在文档流中:
显示:
总结: