Breaking News: Grepper is joining You.com. Read the official announcement!

bootsrap main section fill all height with navbar

Lonely Lyrebird answered on February 2, 2022 Popularity 9/10 Helpfulness 5/10

answer bootsrap main section fill all height with navbar

bootsrap main section fill all height with navbar

Comment

<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>

Popularity 9/10 Helpfulness 5/10 Language html

Source: stackoverflow.com

Tags: fill height html navbar

Link to this answer
Share Copy Link

Contributed on Feb 02 2022

Lonely Lyrebird

0 Answers Avg Quality 2/10

bootsrap main section fill all height with navbar

Contents

More Related Answers

bootsrap main section fill all height with navbar

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.