css - 行流体でのTwitterブートストラップ入力追加ブレーク

Question

私はTwitterBootstrapをレスポンシブフレーバーと一緒に使用しています。input-appendと、入力の最後に「％」を追加する際に問題が発生します。「row-fluid」から「-fluid」を削除すると問題が解決することに気づきました。

1. div.container-fluid内でdiv.rowを使用しても大丈夫ですか？
2. これをどのように修正できますか：http：//jsfiddle.net/zhenghao1/svrec/

みなさん、よろしくお願いします！

Answer 1

inputこれを行う簡単な方法は、 を左にフロートさせることです。以下を style.css に追加しspan2、入力からクラスを削除します (代わりに % または固定幅を使用してください)。

.input-append input { float:left; width:10% }

また、ビューポートに基づいてすべてのサイズが正しくなるように、bootstrap.css に加えて bootstrap-responsive.css を必ず含めてください。

http: /狭い。）