2016/08/31 Bootstrap Rows

Rows inside a row - col-12 don't have an effect

by Jason Butz

HTML

<link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.3/css/bootstrap.css">
<div class="row">
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-10 highlight">
                <p>What we have</p>
            </div>
        </div>
    </div>
</div>
<p>&nbsp;</p>
<div class="row">
    <div class="col-md-10 highlight">
        <p>What we should have</p>
    </div>
</div>

CSS

.highlight {
    background-color: #C8C8C8;
}