-
组件：按钮——<button></button>或者<a></a>
btn btn-default btn-success btn-primary btn-info btn-warning btn-danger
大小：btn-lg btn-sm
激活与禁止：active类激活（jsp中button标签效果不明显或不起作用，a标签按钮明显），disabled="disabled"属性禁止状态
查看全部 -
bootstrap中的表达：
bootstrap给HTML大部分表单都设置了默认样式，我们可以给表单添加相应类名，以实现表单的水平排列，个性化定制等。
<form class="form-inline">
<div class="form-group">
<input type="text" class="form-control" >
</div>
<div class="form-group">
<select class="form-control"></select>
</div>
<div class="form-group">
<input type="textarea" class="form-control">
</div>
</form>
jsp中input-lg、input-sm类不明显或不起作用
给类名form-group的div添加类has-error等类，并给label标签添加control-label类名后，jsp不起作用
查看全部 -
Bootstrap中的表格：
①带边框的表格：class="table-bordered"——补全表格边框线
②条纹状/斑马线表格：class="table-striped"——隔行换色效果
③悬停变色：class="table-hover"
④紧凑风格：class="table-condensed"
查看全部 -
Bootstrap中的排版：文本
段落：p标签——默认：14px;行高：20px；底部外边距：10px
Bootstrap中的排版：对齐
.text-left，给指定段落添加该类名，产生左对齐效果
.text-center
.text-right
Bootstrap中的排版-大小写
.text-lowercase，将指定内容添加该类名，转换其中大写字母为小写样式
.text-uppercase
.text-capitalize，首字母大写（每个独立单词的）
标签：<mark>加黄色背景色，<del>中间加删除线，<ins>标记插入，加下划线，<u>标签也是加下划线，<small>副标题标签，市字体比标签外的字体变小,<strong>标签加粗字体
查看全部 -
Bootstrap中的排版：
Bootstrap对默认的排版方式进行了CSS样式定义，使得各种基本结构套用出来的HTML页面更加美观。
标题：（h1~h6都能使用，而.h1~.h6类名能为内联元素赋予标题的样式）
字体大小皆为：
h1:36px;
h2:30px;
h3:24px;
h4:18px;
h5:14px;
h6:12px;
副标题：（small）,h标签内用<samll>标签圈定副标题的内容即可
查看全部 -
Bootstrap全局样式的特点：
①代码整洁；
②风格统一；
③美观易用；
Bootstrap中的全局样式：
Bootstrap提供了大量的全局样式，基本的HTML元素均可以通过class设置样式并得到增强效果。
排版、表格、表单、图片
查看全部 -
用于生产环境的压缩包
查看全部 -
Bootstrap的特性：
①响应式设计；②栅格布局；③完整的类库；④jQuery插件；⑤不同的使用场景
查看全部 -
特殊属性
1.role
html5标签属性 标识普通标签 使之语义化 方便浏览器对其功能识别的效果
2.aria-lable
通常使用在输入框里 当焦点落在输入框内时 读屏软件就会读出输入框内容
3.tabIndex
查看全部 -
66666666
查看全部 -
data-target="" 指定相应内容的位置
data-toggle=""绑定方法
data-dismiss=""关闭方法
查看全部 -
Bootstrap插件-data属性
查看全部 -
面板可用于弹窗，提示信息等
查看全部 -
Bootstrap组件-导航
查看全部 -
特殊属性
1.role
html5标签属性 标识普通标签 使之语义化 方便浏览器对其功能识别的效果
2.aria-lable
通常使用在输入框里 当焦点落在输入框内时 读屏软件就会读出输入框内容
3.tabIndex
设置键盘中的tab键 在控件中进行移动时 也就是焦点的移动顺序
4.data-
html5中 新增的自定义属性
查看全部
举报