css - 在 bootstrap css 中设置的嵌套类属性

Question

我的代码块是这样的

<div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
    <div class="col-sm-10">
      <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
    </div>
 </div>

现在我只想为 .form-group > col-sm-10 > form-control 的这个 block 设置 form-control 类宽度 30%。谢谢

Answer 1

如果您只想将此代码块的宽度设置为 30%，则可以尝试内联编码。

<div class="form-group">
   <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
<div class="col-sm-10">
   <input type="password" style="width:30%" class="form-control" id="inputPassword3" placeholder="Password">
</div>
</div>