-1

ここから Bootstrap のカスタマイズされたバージョンをダウンロードしました: http://twitter.github.com/bootstrap/customize.html

私が変更した唯一の設定は、@gridColumnWidth を 60px から 50px に変更して、標準の 960px ではなく 840px のグリッド システムを提供することでした。

ただし、画面幅 768px で上部固定ナビゲーション バーが壊れるなどの問題が発生しています。

画像

デフォルト設定では、navbar は固定されたままです。

画像

なぜこれが起こっているのか、他のどの設定を調整する必要があるのか​​ 誰にもアドバイスできますか? 3 つの等幅の列で構成されるかなり狭いデザインが必要なため、840px を選択しました。この場合、ガターを含めて 280px です。

4

2 に答える 2

0

固定コンテナと可変行を使用して、任意の幅の固定グリッドを作成できます。

デモ: http://jsfiddle.net/sonic1980/chKWm/

HTML:

<div id=container class=container>
    <div class=row-fluid>
        <div class=span4>4</div>
        <div class=span4>4</div>
        <div class=span4>4</div>
    </div>
...

CSS:

#container {
    width: 500px;   <-- put here your desired width. 
                        You can also play with max-width and min-width
}
于 2012-11-14T23:30:37.800 に答える
-1

うーん!ページの幅に関する明示的なオプションは見つかりませんでした (これは私がすでに遭遇した問題です)。

このカスタマイズで提供されるコンスによって、レスポンシブの段落では、3 つのサイズから選択できます。

  • 大 (> 1200px)

  • タブレットからデスクトップ (767-979px)、および

  • 狭いタブレット以下 (<767px)。..

于 2012-09-21T15:06:37.650 に答える