Bulma CSS Classes

Bulma CSS class .is-fullheight-with-navbar

    <nav class="navbar">
        <div class="container">
            <div id="navMenu" class="navbar-menu">
                <div class="navbar-start">
                    <a class="navbar-item">
                        Home
                    </a>
                    <a class="navbar-item">
                        Link
                    </a>
                    <a class="navbar-item">
                        Link
                    </a>
                </div>

                <div class="navbar-end">
                    <div class="navbar-item">
                        <div class="buttons">
                            <a class="button is-dark">Documentation</a>
                            <a class="button is-link">Download</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <section class="hero is-link is-fullheight-with-navbar">
        <div class="hero-body">
            <p class="title">
                Fullheight hero with navbar
            </p>
        </div>
    </section>

Preview

Are you tired of writing HTML by hand?

More Bulma CSS classes in Sizing category

© 2024 Shuffle. All rights reserved.