html - 滑らかに伸びる 100% 入力幅

Question

これは本来よりも複雑ですが、div 内の文字通り 100% の入力幅を表示するのに問題があります。

例:

http://jsfiddle.net/aml90/mfdtk/

Twitter Bootstrap を使用しています。span6青いハイライトのように、入力をクラスの幅の 100% にしたい:

CSS が不足しているにもかかわらず、私は多くのことを試しましたが、動作しない CSS をそこに配置しませんでした。

次のように、ウィンドウのサイズを変更する必要があります。

Answer 1

.span6 .input-prepend {
     padding-left:28px;
     display:block;
}
.span6 .input-prepend .add-on {
     float:left;
     margin-left:-28px;
}
.span6 .input-prepend input {
     width:100% !important;
}

これにより、アドオンが左側に配置され、入力が残りのスペースを占めるようになります

JSFiddle

Answer 2

それはこのLINKのようなものでなければなりません

.input-prepend{
    width:100%;
}
.input-prepend input{
    width:95%;
}