ブートストラップの流動的なレイアウトをいじって設計しています。ここに私のデザインがあります: http://www.getaveo.com/_bootstrap4/_delete.html
私は持っている:
span3 (gray)
span6 (orange)
span3 (red)
私はこれが起こることを望みます...
1 of 2) 画面サイズが 768px の iPad 縦向きビューの場合、@media 画面を書き込もうとしています。
右列、span3(赤)が積み重なって100%になります。オレンジ色の列、スパン 6 (オレンジ色) は右端まで拡大または拡大します。または、span6 が span9 になります。左の列、span3 (灰色) は同じままです。
または、次のようになります。
http://www.getaveo.com/_bootstrap4/_delete2.html
2) _delete html を再度表示します...
ブラウザ ウィンドウを幅 480 ピクセル以下のように小さくします。スパンは現在、次のようにスタックされます。
gray
orange
red
私がやりたいことは次のとおりです。画面サイズがiPhoneの横向きビューの480px以下の場合、順序は次のようになります。
orange
gray
red