bootstrap全局样式二

2024-04-06 00:09:44

加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隐藏的还在文档流中：

显示：

总结：

最新文章

热门文章