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

Question

我正在使用Bootstraps 网格系统来缩小我的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>