bootstrap全局样式二

加form-grope是为了以后更好的管理，一组form写一个form-grope

显示如下：

并排显示的话，给用户名前面再加一个div,再加horizontal，如下，并且加上control-label，更好的居中显示：

显示如下：

禁用：

 

 

 

大一些的

显示如下：

正常的：

显示如下：

 小一些的：

显示如下：

 按钮、图片：

如果不加btn，直接写，btn-default，那么样式不会起作用：

显示：

btn写的样式：

预定义样式：

btn的样式写法：

 

btn-default写法：

 btn-lg写法：

显示如下：

图片：

显示如下：

关闭按钮：

如果我们要写一个关闭按钮，需要很多行代码，但在bootstrap中为我们预定义好了，我们只需要遵循以下格式来写：

<button><span class="close">&times;</span></button>

 

显示如下：

 hover时候的样式：

不加<button>标签显示在右上角：

hover时显示：

写法：

其实是加了个：

工作中少用！important ，他是优先级最高的，但是bootstrap中以class出现可以引用。

 　　 　　<span class="center-block" style="width: 200px; background: red;">这是元素</span>

显示如下：

写法：

 

 hidden的隐藏不在文档流中，一般配合js，权限不够就看不见，权限够了就show

二invisible隐藏的还在文档流中：

显示：

 总结：

 

转载于:https://www.cnblogs.com/1111duguxiaoyu/p/6379418.html