this is my nav:
Code:
    <nav class="navbar navbar-inverse navbar-fixed-top navbar-toggleable-md">
        <div class="container" style="background-color:#ff6a00;padding:22px;position:relative;">
            <div class="navbar-header">
                <button type="button" class="navbar-toggler navbar-toggler-right" style="position:absolute;top:46px" data-toggle="collapse" data-target="#navbarFullCollapse">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <a asp-controller="Home" asp-action="Index" class="navbar-brand"><h1>Are Buraas</h1></a>
            </div>
            <div class="navbar-collapse collapse">
                <div class="navbar-nav">
                    <a class="nav-item nav-link" asp-action="Art" asp-index="Index">Oveview</a>
                    <a class="nav-item nav-link" asp-action="Art" asp-index="Grafitti">Grafitti</a>
                    <a class="nav-item nav-link" asp-action="Art" asp-index="Digital">Digital</a>
                    <a class="nav-item nav-link" asp-action="Art" asp-index="Pencil">Pencil</a>
                    <a class="nav-item nav-link" asp-action="Art" asp-index="Graphics">Graphics</a>
                    <a class="nav-item nav-link" asp-action="Art" asp-index="Mase">Mase</a>
                    <a class="nav-item nav-link" asp-action="Art" asp-index="GrandCentral">Grand Central</a>
                    <a class="nav-item nav-link" asp-action="Art" asp-index="Painting">Painting</a>
                    <a class="nav-item nav-link" asp-action="Art" asp-index="Mjau">Mjau</a>
                    <a class="nav-item nav-link" asp-action="Art" asp-index="Misc">Misc</a>
                </div>
            </div>
        </div>
    </nav>
For now the menu item is to the left of the brand, but I want to align all menu item to the right. I've tried text-align:right and position:absolute but with no luck.