2017-04-10 8 views
-1

の背景色は、私は私が午前問題は、私の3行目(3列の1)は背景色が設定されているということですが、これが超えて出血している進行中の作業ブートストラップ - 行

www.codepen.io/anon/pen/yMmjZb 

を持っています私が望む境界。私は行全体がページ幅であることが疑わしい。個別に列に背景を適用しようとしましたが、ページのサイズが変更されたときに各列が異なる高さになり、塗りつぶしの一番下が一貫しません。 すべてのソリューション?

+2

は、問題のない(非稼働)でコードをご提示くださいリンク –

答えて

2

あなたのコードを確認しましたが、ここでは解決策です。 col-md-4col-md-12にバインドして埋め尽くして、クラスcol-homepageを与えてください。ここで

は、行の後<div class="col-md-12">を追加

http://codepen.io/sahildhir_1/pen/BWXVoz

+0

完璧なので、簡単!ありがとうございます –

+0

あなたは歓迎です:) –

1

行からmarginsを削除するだけです。現在、余白には-15px;があります。それを0にして、行全体の幅に渡ってください。

0

をIT-するペンです。ブートストラップでは、常に列をラップします。あなたが第二列にやったように、あなたはcol-md-12クラスの後に追加する必要が.row

だからコードの意志は次のようになります -

<div class="row"> 
    <div class="col-md-12"> 
     <div class="container-fluid col-homepage"> 
     .... 
関連する問題