モバイルサイトのコンテナ部門の幅をBootstrapで設定するには

Question

"m.domainname.com"のようなモバイル専用サイトを作っています。 自分のサイトでBootstrapを使いたいです。しかし、メインコンテナdivの場合、 "container"クラスを使用すると1170pxになります。私のサイトは1024pxで始まります。

コンテナのdivの幅はどのように設定できますか？私はこれを正しい方法でやっていますか？

Answer 1

コンテナの幅を1170から1024pxに変更するのはどうですか？ bootstrap.cssに見て、あなたのサイトが唯一のモバイル用である、あなたはあなたのCSSの@media (min-width:1200)を使用する必要がない場合は、この

@media (min-width: 1200px) { 
    .container { 
    width: 1170px; 
    } 
} 

へ

@media (min-width: 1200px) { 
    .container { 
    width: 1024px; 
    } 
} 

Answer 2

を変更。あなたは、コンテナのための明示的な幅を設定する必要がない場合は、ブートストラップのcontainer-fluidクラスを使用することができます

.container {width:95%; margin-right:auto; margin-left:auto;} 

Answer 3

：あなたは、実際の量を設定したくない場合は、ちょうどこのような何かを行うことができます。それらGrid documentation：

行は適切な整列およびパディングのため.container（固定幅）または .container流体（全幅）内に配置されなければなりません。

異なるブレークポイントでコンテナの明示的な幅を設定する必要がある場合は、数字を使用してgenerate a customized CSS file for Bootstrapにすることができます。それはまた、あなたがすることができます

• タブレット
• 小さな
• デスクトップ
• メディア
• 大きなデスクトップ
• 大

：用のリンクを使用すると、コンテナの幅を設定することができます他の多くのデフォルトを変更します。