2012-02-06 7 views
14

grid systemのtwitterドキュメントに気付きましたが、デフォルトのグリッドは940ピクセルですが、ウェブサイトでは1170ピクセルです。私はそれがワイドスクリーンと高解像度であるように幅を変更するために反応的に使用していることを収集します。bootstrap.cssで幅1170ピクセルを使用(応答)

私の質問は、twitter docsのように1170pxをどのように使うのですか?彼らが持っているように幅を1170pxに変更する方法を説明しているドキュメントを見つけることができないようです。これはカスタムビルドですか、リリースしていないのですか、またはドキュメントを更新していないだけですか?

これを実装し、1170px用の正しいグリッドカスタマイズバーを持つ方法はありますか。

おかげ

答えて

20

彼らは、ブートストラップにデフォルトで含まれていないことのために@mediaクエリを使用している、あなたはそれらのresponsive layoutドキュメントにここでそれについての詳細を読むことができます。そのCSSから

重要ビット:メディアを使用したページから

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

抜粋

は、ブートストラップが自動的にこれらのメディアクエリが含まれていますが、 理解と追加していません

を問い合わせますそれらは非常に簡単で、最小のセットアップが必要です。

  • ブートストラップ
  • 変更を
    1. @import「responsive.less」を追加して再コンパイル
    2. ブートストラップ・responsive.css、コンパイル済みの応答性のバージョンを使用してください:あなたは ブートストラップの応答機能を含むためのいくつかのオプションがあり レスポンスレスで分割して再コンパイルする

    真実は、すべてが 応答する必要があると言われる。開発者にこの機能を削除するように促す代わりに、 を有効にすることをお勧めします。

  • +1

    ありがとうございました。これは、他のすべてのものを自動的に変更して幅のサイズと相関させます。 – arbme

    +1

    @arbmeいいえ、自分でレイアウトを考えなければなりません。あなたは彼らの[応答](http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css)CSSスタイルシートでドキュメントをレイアウトする方法を見てみることができます。 –

    +0

    Ilichオクラホマあなたが表示したCSSが、デフォルトを使用せずに独自のものを作成することになった時点で取得します。以前は動作していなかったので、v1.4でbootstrap-responsive.cssを探していました:)もう一度感謝します – arbme

    3

    文書によれば、すべてが応答性である必要はありません。また、すべてがフルスクリーンサイズを使用する必要はありません。レイアウトによっては空白スペースが必要なものもあります。

    レスポンシブスタイルシートからこのメディアクエリ抜粋(@media min-width: 1200px {...})を削除しているウェブサイトがいくつか見受けられましたが、それが正しいか推奨されているか、適切な回避策であるかどうかはわかりませんでした。

    関連する問題