Twitter bootstrap 3 在表单标签中添加新样式的Twitter引导约定是什么?
我想在我的Twitter引导站点中为表单创建一种新的样式,并且我想保持SMACK/OOCSS惯例 这是默认形式:Twitter bootstrap 3 在表单标签中添加新样式的Twitter引导约定是什么?,twitter-bootstrap-3,oocss,Twitter Bootstrap 3,Oocss,我想在我的Twitter引导站点中为表单创建一种新的样式,并且我想保持SMACK/OOCSS惯例 这是默认形式: <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" class="form-control" id="exampleInputE
<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<!-- More coontent in form here -->
如果我想覆盖输入样式,我认为应该按照约定添加一类表单控件newstyle:
<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<!-- More coontent in form here -->
不过,我还想设计标签的样式。我应该向标签或div.form-group添加新样式吗 .form group环绕表单组标签和输入,它的作用类似于.form水平中的.row,否则,当表单堆叠在较小的视口中时,会有一些垂直空间,因此不会挤压在一起 所有标签上的默认标签样式为:
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
做
.form-group label {}
如果表单格式正确,将影响所有标签
如果您只想将其隔离到特定标签,可以为该标签创建一个类,并为该标签指定一个类。如果要影响所有标签,只需修改label元素即可
您还可以为围绕该表单的任何内容创建一个新的父类,并像这样处理标签样式