1

ノックアウトがスパン * クラスでスタイル設定されたフォーム入力を流動的なデザインで幅 100% に変えないようにするためのクリーンなソリューションを誰かが持っているかどうかを確認しています。

979 ピクセルを下回ると、すべてのスパン要素 (つまり、span4) が 100% 幅になります。これは、タブレット ビューで適切なスタイルのフォームを使用する代わりに、幅 100% のテキスト ボックスを大量に積み重ねることを意味します。

私はbootstrap-responsive.cssを使用しています

更新された HTML サンプル:

<div class="row-fluid">
    <div class="span12">
         <input type="text" class="span5" placeholder="First" />
         <input type="text" class="span2" placeholder="Middle" />
         <input type="text" class="span5" placeholder="Last" />
    </div>
</div>

タブレットで表示するときに、これらの要素が互いに重ならないようにします。

4

1 に答える 1

1

好きなように幅を定義できるそのcssで、 bootstrap-responsive.css@media (max-width: 979px) { ...}内で入力タグのカスタムCSSを定義できます

于 2013-04-16T09:14:27.593 に答える