B5-Snippets icon indicating copy to clipboard operation
B5-Snippets copied to clipboard

Published 20 hours ago • verified publisher icon HansUXdev

Feature request: Holy Grail Layout

Open dragontheory opened this issue 5 years ago • 1 comments

Thank you for your time and effort creating these B5 snippets!

It would be great to put these snippets in a responsive Holy Grail layout done in B5.

Holy Grail layouts are great for master/detail, search/triage, dashboards, and web applications.

Detailed Holy Grail requirements are here. https://philipwalton.github.io/solved-by-flexbox/demos/holy-grail/

WDYT?

D7460N

dragontheory avatar Sep 22 '20 18:09 dragontheory

Hey thanks for making the request. I think that's a fair request that I can quickly enough.

To clarify, all the current templates are from the official examples: https://v5.getbootstrap.com/docs/5.0/examples/

The holy grail layout is a good idea because they don't have it. At the core, the layout would only really involve the following html below .row / .columns and a few of the flex utilities to make the columns grow and shrink based on content and media quires.

<body class="container-fluid">
  <header class="row">…</header>
  <div class="row">
    <nav class="col">…</nav>
    <main class="col">…</main>
    <aside class="col">…</aside>
  </div>
  <footer class="row">…</footer>
</body>

HansUXdev avatar Sep 24 '20 18:09 HansUXdev