138

Twitter Bootstrap を使用して固定コンテナー クラスで Web サイトを開発しましたが、クライアントは Web サイトの幅を 1170px ではなく 1000px にしたいと考えています。.less ファイルは使用しません。

これを修正する簡単な方法はありますか？

4

11 に答える 11

260

解決策は次のとおりです。

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

@Bastardoの回答のようにBootstrapをカスタマイズするのではなく、これを行う利点は、Bootstrapファイルを変更しないことです。たとえば、CDN を使用している場合でも、Bootstrap のほとんどを CDN からダウンロードできます。

于 2015-02-03T02:47:52.200 に答える
78

Bootstrap サイトの [カスタマイズ]セクションに移動し、好みのサイズを選択します。変数を設定する必要が@gridColumnWidthあり@gridGutterWidthます。

例:@gridColumnWidth = 65pxおよびレイアウト@gridGutterWidth = 20px上の結果。1000px

次に、ダウンロードします。

于 2013-06-14T11:07:38.980 に答える
0

スティッキー navbar にコンテナを追加するだけです。

于 2020-12-06T20:11:43.983 に答える
0

コンテナサイズ

@container-large-desktop
(1140px + @grid-gutter-width) -> (970px + @grid-gutter-width)

セクションコンテナサイズで、に1140変更970

お役に立てば幸いです。

正解ありがとうございます。ブートストラップをカスタマイズするためのリンク: https://getbootstrap.com/docs/3.4/customize/

于 2019-08-29T08:00:12.353 に答える
-6

これらの CSS を CSS スタイルに追加します。同じものを上書きするために、ブートストラップ css ファイルが追加された後にこれを追加することをお勧めします。 

html, body {
 height: 100%;
 max-width: 100%;
 overflow-x: hidden;
}`
于 2016-04-23T12:43:20.360 に答える