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