Grid
CODE
×
HTML
<div class='container grid-system'> <div class='row grid-system'><div class="col-6 col-md-1 col-sm-2"> <div class="grid"></div> </div> <div class="col-6 col-md-1 col-sm-2 d-none d-md-block"> <div class="grid"></div> </div> <div class="col-6 col-md-1 col-sm-2 d-none d-sm-block"> <div class="grid"></div> </div> <div class="col-6 col-md-1 col-sm-2 d-none d-md-block"> <div class="grid"></div> </div> <div class="col-6 col-md-1 col-sm-2 d-none d-sm-block"> <div class="grid"></div> </div> <div class="col-6 col-md-1 col-sm-2 d-none d-md-block"> <div class="grid"></div> </div> <div class="col-6 col-md-1 col-sm-2 "> <div class="grid"></div> </div> <div class="col-6 col-md-1 col-sm-2 d-none d-md-block"> <div class="grid"></div> </div> <div class="col-6 col-md-1 col-sm-2 d-none d-sm-block"> <div class="grid"></div> </div> <div class="col-6 col-md-1 col-sm-2 d-none d-md-block"> <div class="grid"></div> </div> <div class="col-6 col-md-1 col-sm-2 d-none d-sm-block"> <div class="grid"></div> </div> <div class="col-6 col-md-1 col-sm-2 d-none d-md-block"> <div class="grid "></div> </div></div> </div>
CSS
.grid { background-color: #1ce2dc; opacity: 0.33; height: calc(84vh - 32px); }
JS
Grid
Das Grid basiert auf den Standard-Bottstrap Grid und hat 5 Breakpoints
https://getbootstrap.com/docs/5.0/layout/breakpoints/
.
Last Edit: Oct 28, 2023, 8:25pm
×