User:Noeth: Difference between revisions
From Seven Sages of Rome
(Blanked the page) Tags: Blanking Manual revert |
No edit summary Tags: Reverted Visual edit: Switched |
||
| Line 1: | Line 1: | ||
<html> | |||
<div class="container my-5"> | |||
<h1 class="text-center mb-4">Bento Grid Layout</h1> | |||
<div class="row g-4"> | |||
<!-- Large item --> | |||
<div class="col-md-8"> | |||
<div class="bento-item bento-tall bg-primary"> | |||
Large Item | |||
</div> | |||
</div> | |||
<!-- Two small items --> | |||
<div class="col-md-4"> | |||
<div class="row g-4"> | |||
<div class="col-12"> | |||
<div class="bento-item bg-success"> | |||
Small Item 1 | |||
</div> | |||
</div> | |||
<div class="col-12"> | |||
<div class="bento-item bg-danger"> | |||
Small Item 2 | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Medium item --> | |||
<div class="col-md-4"> | |||
<div class="bento-item bg-warning text-dark"> | |||
Medium Item 1 | |||
</div> | |||
</div> | |||
<!-- Medium item --> | |||
<div class="col-md-4"> | |||
<div class="bento-item bg-info text-dark"> | |||
Medium Item 2 | |||
</div> | |||
</div> | |||
<!-- Medium item --> | |||
<div class="col-md-4"> | |||
<div class="bento-item bg-secondary"> | |||
Medium Item 3 | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</html> | |||
Revision as of 19:23, 20 November 2024
Bento Grid Layout
Large Item
Small Item 1
Small Item 2
Medium Item 1
Medium Item 2
Medium Item 3
