Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!-- Responsive template skeleton --> <div class="container"> <nav class="d-flex align-items-center py-3"> <span class="navbar-brand me-auto">Logo</span> <ul class="d-none d-md-flex list-unstyled mb-0 gap-3">...</ul> <button class="btn btn-primary d-md-none" data-bs-toggle="offcanvas" data-bs-target="#nav">Menu</button> </nav> <div class="row g-4"> <main class="col-12 col-lg-8">...</main> <aside class="col-12 col-lg-4 d-none d-lg-block">...</aside> </div> </div>
Result
Open