bootstrap：表单控件大小不会根据父div col大小而改变

Question

我正在尝试使用增加文本框的大小，但更改col-md- *值似乎不会影响子输入表单控件文本框。

示例：

<form id="myForm">
    <div class="row">
        <div class="col-md-2">
            Name:
        </div>
        <div class="col-md-8">
            <input name="Name" type="text" placeholder="Enter a name ..." class="form-control" required="required" />
        </div>
    </div>
</form>

在上面的代码中，如果我使用col-md-8，文本输入大小不会增加到我认为应该更大的值。无论我使用col-md-4还是col-md-6，文本框大小都相同。是因为bootstrap中的form-control类定义了一个大小？如果是这样，如何解决这个问题？

Answer 1

试试这个为我工作

<div class="row">
        <form id="myForm">
            <div class="col-md-2">
                Name:
            </div>
            <div class="col-md-8">
                <input name="Name" type="text" placeholder="Enter a name ..." class="form-control" required="required" />
            </div>
        </form> 
    </div>

Answer 2

这确实是一个css覆盖。谢谢davidpauljunior。