/Html/Bootsrap main section fill all height with navbar

Bootsrap main section fill all height with navbar

<div class="container-fluid h-100 d-flex flex-column">
    <nav class="navbar navbar-expand-sm s-navbar">
        <a class="brand navbar-brand" href="/">Brand</a>
        <button class="navbar-toggler s-btn-hamburger order-first s-color-icons" aria-expanded="true" aria-controls="navbar-test" aria-label="Toggle navigation" type="button" data-target="#navbar-test" data-toggle="collapse">
            <span class="navbar-toggler-icon k-icon k-icon-md k-i-hamburger"></span>
        </button>
        <div class="navbar-collapse s-menu-content collapse show" id="navbar-test">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" id="dropdown1" aria-expanded="false" aria-haspopup="true" data-toggle="dropdown">Menu Item</a>
                    <div class="dropdown-menu" aria-labelledby="dropdown1">
                        <a class="dropdown-item" href="/Device">Sub menu</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/Test">Test</a>
                </li>
            </ul>
        </div>
    </nav>
    <div class="row flex-fill">
        <main class="col" style="background-color: yellow"></main>
    </div>
</div>

Source: stackoverflow.com

Similar codes

0 vote124 views2 answers
MathJax
Html
17 votes127 views3 answers
Required option for select tag
Html
0 vote89 views1 answer
Robots txt no index entire site
Html
1 vote119 views1 answer
Html pallete
Html
0 vote207 views1 answer
Embed instagram feed on website html
Html
0 vote137 views1 answer
Hide html element show on print bootstrap 4.6
Html
325 votes308 views6 answers
Font awesome cdn link
Html
-1 vote108 views1 answer
// count the number of each item in the cart for (i = 0; i < len; i++) { total += items[i].get('quantity'); } if (total < 3) { alert(' please add more to your shopping cart before checking out'); evt.preventdefault(); } }); </script> <
Html
0 vote144 views2 answers
What does html stand for
Html
0 vote123 views2 answers
How to set an svg favicon in html
Html