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>