Twitter bootstrap 3 在表单标签中添加新样式的Twitter引导约定是什么?

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

我想在我的Twitter引导站点中为表单创建一种新的样式,并且我想保持SMACK/OOCSS惯例

这是默认形式:

<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元素即可

您还可以为围绕该表单的任何内容创建一个新的父类,并像这样处理标签样式