Skip to content

Instantly share code, notes, and snippets.

@manfromanotherland
Created November 28, 2016 01:09
Show Gist options
  • Save manfromanotherland/d2f7b87e129e7469c1f7ed0372a7b3d6 to your computer and use it in GitHub Desktop.
Save manfromanotherland/d2f7b87e129e7469c1f7ed0372a7b3d6 to your computer and use it in GitHub Desktop.
Bootstrap 4 Grid Overlay
<div class="grid-overlay">
<div class="container">
<div class="row">
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
</div>
</div>
</div>
.grid-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
pointer-events: none;
opacity: .1;
span {
display: block;
height: 100vh;
background: red;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment