twitter-bootstrap - 如何将输入元素设置为其跨度容器的宽度相同

Question

这似乎是一个微不足道的问题，但我没有成功：

这是我的 HTML 代码：

<div class="row">
    <div class="well span12 form-inline muse-src-evt-bar">
        <div class="row">
            <div class="span4">
                <input type="text" class="input-medium search-query" style="width: 100%"/>              
            </div>
            <div class="span8">
                test
            </div>
        </div>
    </div>
</div>

你可以注意到input元素有一个style="width: 100%"属性，但它似乎设置了一个超过span4容器宽度的宽度。

所以：

1. 我想知道为什么它会这样，以免再次重复此错误
2. 我该如何解决这个问题？

谢谢

Answer 1

正如您设置的那样style="width:100%"，它展示了 . 的属性span12并覆盖了它span4。我认为这可能是其背后的原因。您可以尝试删除样式，它将设置input为span4