私はブートストラップの子divのdiv全体を塗りつぶすために背景色を取得しようとしていますが、私は完全に固まっています。右側のセクションを黄色にしたいのですが、div内のテキストのみを強調表示しています。div全体を背景色で塗りつぶす方法
ここにはfiddleがあります。
私は本当に明白な何かが欠落していることを知っていますが、col-lg-6
div全体を埋めるのにどのように黄色くなりますか?
.new-section {
height: 100%;
padding-top: 150px;
text-align: center;
background: #eee;
}
.yellow {
background-color: yellow;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<section id="new" class="new-section">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h1>Section left</h1>
</div>
<div class="col-lg-6 yellow">
<h1>Section right</h1>
</div>
</div>
</div>
</section>
div要素は、あなたはそれがあることを何を見ている、100%の高さを持っているつもりされていませんdiv全体を満たしていない? – epascarello
divの全部が黄色です...その中の唯一のものは見出しです - https://jsfiddle.net/yjcrc91e/4/ –
問題は表示されません...実際に何をしたいですか?起こる? 2番目の 'col-g-6' divはすでに色の黄色で塗りつぶされています。 –