Skip to content

Instantly share code, notes, and snippets.

@zetrider

zetrider/css

Created May 12, 2019 18:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zetrider/ce8c5d298f5a6183b6a8fe2f5df7cd56 to your computer and use it in GitHub Desktop.
Save zetrider/ce8c5d298f5a6183b6a8fe2f5df7cd56 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap4 Debug Grid
Raw
css
.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);
}
Raw
html
<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