I'm a novice with navbar. I'm using bootstrap 4.3.1, and want to use the code I learned in a class to be static at the top.
I hope this doesn't get difficult! Can this be done with a minimum of work? 

Here's the code:

    <header style="position: relative">
        <section class="header-main">
            <div class="container">
                <div class="brand-wrap" style="text-align: center;">
                    <a href="#" class="brand-wrap"><img class="logo" src="~/images/CC_Logo.png"></a>
                </div>
            </div>
        </section>

        <nav class="navbar navbar-expand-lg navbar-light text-center">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarNavDropdown">
                <ul class="navbar-nav ml-auto mx-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="/">HOME <span class="sr-only">(current)</span></a>
                    </li>
                </ul>
            </div>
        </nav>

        <div style="margin: 0 auto; width: 100%; height: 60px;"></div>
    </header>

Any advice would be appreciated!