Skip to content

Instantly share code, notes, and snippets.

@zetrider
Created May 12, 2019
Embed
What would you like to do?
Bootstrap4 Debug Grid
.bootstrap-grid {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
width: 100%;
height: 100%;
}
.bootstrap-grid .col-bg {
background-color: rgba(255, 0, 0, 0.05);
}
<div class="bootstrap-grid">
<div class="container h-100">
<div class="row h-100">
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
<div class="col h-100">
<div class="col-bg h-100">&nbsp;</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment