web-dev-qa-db-ja.com

ブートストラップ対応のコンテナ幅

ブートストラップレスポンシブとスキャフォールディングを正常に使用しています。私の質問は、コンテナーの幅を広げてレスポンシブ機能を維持できるかどうかです<div class="container" style="width:1300px">？

twitter-bootstrapcontainers
10
Petran

ワイドスクリーンのデスクトップ画面の幅全体を使用したいようです...それが必要な場合は、応答性/流動性を維持します。次に、divクラスを次のように変更します。

from
<div class="container">

to

<div class="container-fluid">
10
GaryP

bootstrap 3を使用している場合は、.container-fluidの代わりに.containerを使用してください

<div class="container-fluid">
  <div class="row">
    ...
  </div>
</div>

適切な配置とパディングを行うには、行を.container（固定幅）または.container-fluid（全幅）内に配置する必要があります。

参照：-http://getbootstrap.com/css/#grid

3
Mo.