2016-11-21 14 views
1

私はrowクラスのdivを持っています。このdiv内には、入れ子になったdivが2つあります.1つはcol-md-3、もう1つはcol-md-9です。ブートストラップのグリッドシステムが正しく動作しません

期待ようrowクラスを持つdivが全体のスペースを取ります。

[![ここに画像の説明を入力] [1] [1]

しかし、問題はcol-md-9とdiv要素でありますあなたはこの絵で見ることができるようにそれは、それは取るべきであるとのスペースを取りません。

[![]ここに画像の説明を入力し、[2] [2]

、なぜ私はこれを取得していますが行動?

PS:contenu-centralクラスのために、それが唯一padding-left: 0px; と間違っていくつかのことがあるかもしれませんpadding-right: 0px;

+2

コードに 'col-md-3'がありません。あなたはサイドバー 'width:190px;にも固定幅を適用しています。これはブートストラップグリッドシステムを完全に破壊します。 – Turnip

答えて

3

を持っています。

  • ブートストラップの他の態様は
  • を作業していることを確認それはあなたがCOL-MD-9およびCOL-MD-2を持っているように、私は3
  • ダブルあなたのCSSをチェックし表示されていないに見えるようにサイズを制限してブートストラップを上書きするものがないことを確認してください。
+0

うん、申し訳ありません、 'col-md-2'のために私はちょうど忘れて古いコードを掲示しました、とにかく私は自分の質問を更新しました、' row'と 'col-md-9'あなたがこの写真で見ることができるような他のCSSルール(https://i.stack.imgur.com/gDtN0.png)とhttps://i.stack.imgur.com/mw62m.png –

+0

これは固定です幅はグリッドシステムを台無しにしています。 –

+0

はい、私はそれを見逃していたことに気がついたので、とにかく 'col-md-2'と' col-md-10'を使ったときに動作します。 –

関連する問題