表单
1.文本框:
.form-control:表单元素的样式 控制表单元素的大小: .input-ig (放大) .input-sm(缩小)
2.下拉框:
.form-control 表单元素的样式 multiple ="multiple" 设置下拉框多选
3.文本域
.from-control 表单元素样式
4.复选框
(1)垂直显示 .checkbox
(2)水平显示 .checkbox-inline
5.单选框
(1) 垂直显示 .radio
(2)水平显示 .radio-inline
(注意:无论是设置checkbox还是设置radio的垂直显示时,可以在外面套一个div,将div的class设置为checkbox或者radio即可,也可以直接套一个label,设置类名为checkbox或者radio)
6. 按钮:
1.使用按钮
(1)基础样式: -btn
(2)附加样式:
.btn-default:默认样式 .btn-primaru:原始样式 .btn-info:弹出信息按钮样式 .btn-success:成功的动作样式 .btn-warning:谨慎操作按钮样式 .btn-link:让按钮看起来像个链接(仍保留按钮行为) .btn-lg:制作一个大按钮 .btn-sm:制作一个小按钮 .btn-xs:制作一个超小按钮 .btn-block:块级按钮(拉伸至父元素100%的宽度) .active:按钮被点击
2.多标签使用
按钮效果(a标签,span标签等)
3.按钮大小
大按钮:.btn-lg 小按钮:.btn-sm 超小按钮:.btn-xs
4.按钮禁用
1.通过diabled属性(真正的禁用元素) 2.通过disabled类样式(样式上禁用)