/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

19 votes189 views5 answers
Google material icons cdn
Html
2 votes185 views1 answer
Link email anchor to open up users email address
Html
25 votes202 views3 answers
External css
Html
222 votes318 views6 answers
Bootstrap CSS CDN
Html
10 votes189 views3 answers
Jqury get selected option
Html
3 votes509 views2 answers
Owlcarousel
Html
1 vote190 views1 answer
Html hide a div by default
Html
0 vote221 views1 answer
Input audio and video in html
Html
2 votes181 views1 answer
Hreflang html
Html
5 votes186 views2 answers
Bootstrap 4 classes list with description pdf
Html