bootstrapで横並びのグローバルナビを作っているのですが、col-md-2などでは、幅がちょうど良いものになりません。

1.5など指定出来れば良いのですが、出来ないかと思います。
方法はありませんでしょうか?

回答の条件
  • 1人1回まで
  • 13歳以上
  • 登録:2016/06/24 13:31:44
  • 終了:2016/07/01 13:35:03

回答(1件)

id:victor_victor No.1

ビ=ヨンセ回答回数24ベストアンサー獲得回数32016/07/01 13:20:16

ポイント200pt

Bootstrap Grid はある範囲を12分割したグリッドを想定して、いくつのセルを結合させるかという思想でレイアウトをつくります。
12分割から外れるサイズはグリッドの思想に合いません。

  • id:rouge_2008
    グリッドは入れ子にできますので、組み合わせて調整してみてはいかがでしょうか?
    ミディアムサイズのコンテナー幅は970pxですので、1カラムの幅はおおよそ80pxになります。
    col-md-2のカラム幅は160px程度ですから、1.5だと120px程度がいいのでしょうか?
    col-md-10を指定したカラムの中に入れ子にして、col-md-2のカラムを作成してみてください。
    1階層入れ子にするだけでは想定した見た目にならない場合は、さらに複雑な入れ子にしたり、オフセットを利用して隙間を設けたり、デザインに合わせて調整してください。
    以下、Bootstrapのグリッドの仕様を確認して試してみてください。

    ・CSS - Bootstrap
    http://getbootstrap.com/css/#grid


    ※以下のページは日本語で説明されています。

    ・とほほのBootstrap入門
    http://www.tohoho-web.com/ex/bootstrap.html


    ※グローバルナビにグリッドを利用する必要があるのでしょうか?
    特に理由がなければ、グリッドを使わなくてもいいのではないかと思います。
  • id:rouge_2008
    > ビ=ヨンセさん

    グリッドの思想を聞いている質問ではありませんし、12分割だけではありません。
    Bootstrap Gridで完全12分割という条件のデザインを指定されることもあまりないと思います。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません