0

私はブートストラップ ラップを使用しており、ややまともな登録ページを作成しようとしています。スタイルが正しく設定されていると思っていましたが、ページのサイズを変更すると、テーブルが応答しなくなりました。

bootstrap3 でテーブルの応答性が追加されたことは知っていますが、この特定のラップでは使用できません。これを修正するのに役立つbootstrap2のトリックはありますか?

これは、私が使用しているjsFiddleですhttp://jsfiddle.net/MgcDU/6817/

クラスを追加するなど、いくつか試してみましたspanが、まったく役に立たないようでした...代わりに散らかっているように見えました。

4

1 に答える 1

1

レイアウトにテーブルを使用することで、Bootstrap のポイントを無効にします。Bootstrap には、クラスから列へのクラスが既に同梱されています。それらを使用します。

詳細については、こちらをご覧ください: http://getbootstrap.com/2.3.2/base-css.html#forms

このようなレイアウトを作成するには、次の操作を実行できます。レスポンシブはもはや問題ではありません。.row使用するか、または.row-fluidBootstrap 2.x を使用していると仮定するかを決定できます。

<div class="row">
  <div class="span4">Col 1</div>
  <div class="span4">Col 2</div>
  <div class="span4">Col 3</div>
</div>

ここにデモがあります: http://jsfiddle.net/zH8gb/1/ - ビューポートが足を見るのに十分広いことを確認してください。結果領域ウィンドウをドラッグして拡大します。

于 2013-08-21T18:50:17.327 に答える