html - Bootstrap 网格框架不适用于表单控件

Question

我正在使用 Bootstrap 的网格系统来缩小我的 input 框。但是，它似乎与 form-control 冲突。

HTML:

<form class="col-md-8">
    <div class="form-group">
        <input type="text" name="input_box" class="form-control col-md-3"/>
    </div>
</form>

在 Chrome 的开发者工具中，25%(.col-md-3 被自动划掉)。如果我取出 .form-control 那么它可以工作但看起来很难看。

如何同时使用它们？请注意，我不想更改 .formcontrol 中的宽度，因为我有其他表单也使用它并且会弄乱

Answer 1

这个怎么样

<form>
   <div class="col-md-8">
        <div class="form-group col-md-3">
            <input type="text" name="input_box" class="form-control"/>
        </div>
    </div>
</form>