Twitter Bootstrapの入力は、行の流体にブレークを追加します。

Question

私は、Twitterのブートストラップとレスポンシブなフレーバーを使用しています。私は入力の追加にいくつか問題があり、入力の最後に "％"を追加しています。私は、「行 - 流体」から「流体」を取り除くことで問題が解決されることに気付きました。

1. div.rowをdiv.container-fluidの内部で使用してもよろしいですか？事前にみんなでhttp://jsfiddle.net/zhenghao1/svrec/

感謝を：これは修正される可能性がどのよう

！

Answer 1

これを行う簡単な方法は、inputを左側に浮動させることです。あなたのstyle.cssに以下を追加して、あなたの入力からspan2クラスを削除してください（代わりに％または固定幅を使用してください）。

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

また、正しくビューポートに基づいて、すべてのサイズを確保するためにbootstrap.cssに加えて、ブートストラップ・responsive.cssを含めるようにしてください。

http://jsfiddle.net/eterpstra/eXVuM/ （デフォルトでは、「垂直」方向にフォームの切り替え画面サイズが< 768pxに狭くなる。あなたはjsFiddleウィンドウが狭すぎる場合は、あなたのラベルがトップにひっくり返す見る理由がある。）