0

Bootstrap 3 を使用して、Web サイトのレスポンシブ レイアウト デザインを行っています。レスポンシブな右の列で左の列の幅を固定するにはどうすればよいですか? つまり、デスクトップ レベルでサイズを変更すると、右側の列だけが幅を変更します。もちろん、モバイル画面表示にすると、左の列が上になり、右の列が下になります。

左の列に固定幅を適用してみました。しかし問題は、デスクトップ レベルで画面サイズが変更されると、右の列が左の列の一番下に移動することです。

これが私のコードです：

<div class="row">
    <div class="col-md-3" style="width=250px;" id="sidebar"></div>
    <div class="col-md-9"></div>
</div>

モバイル画面サイズでのみ下に移動するのを防ぐにはどうすればよいですか? ありがとう。

4

1 に答える 1

0

これでうまくいくはずです：

<div class="row">
    <div class="col-xs-12 col-md-3">
    </div>
    <div class="col-xs-12 col-md-9">
    </div>
</div>
于 2013-11-14T16:37:14.380 に答える