第九章 表格
类 作用
.form-group 把控件和lable合并到一起,划分成一组
.form-control 把控件的宽度按照百分百显示,且有自适应效果
.sr-only 讲文本隐藏
.form-inline 让元素一行显示(内联表单)
.form-horizontal 让lable和input一行显示,小屏幕情况下上下显示
.col-sm-10 给元素写宽度
.control-label 给lable添加样式
------------------------购物车形式的组合--------------------------------
.input-group 包裹元素成分一组
.input-group-addon 元素添加按钮样式
.radio-inline 让单选一行显示
.checkbox-inline 让多选选一行显示
.form-control-static 可以让p标签里面的文本和lable里面的文本一行对起显示
disabled 禁用状态
readonly 只读状态
<fieldset> 给这个标签添加disabled可以禁用所有的表单
.input-lg 单独给input元素写高度
.input-sm 单独给元素写高度
.form-group-lg 给一组表单父元素写高度
.form-group-sm 给一组表单父元素写高度
.row
.has-success 表单添加边框颜色
.has-warning 表单添加边框颜色
.has-error 表单添加边框颜色
例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="../bs/css/bootstrap.css"/>
<style type="text/css">
label{
border: 1px solid red;
}
.box{
border: 1px solid red;
}
</style>
</head>
<body>
<div class="container">
<form class="form-horizontal" role="form">