Html 将引导导航条切成两半

我将引导导航栏与

Bootstrap.min.css

文件一起使用。 这个导航栏延伸到整个屏幕，在CSS文件中，我在哪里更改导航栏设置（我不希望它延伸）？那里有很多navbar类，我似乎找不到合适的

<div class="navbar navbar-inverse navbar-static-top">
        <div class="container">

            <a href="#" class="navbar-brand">Imperia Bank</a>

            <button class="navbar-toggle" data-toggle="collapse"
                data-target=".navHeaderCollapse">
                <span class="icon-bar"></span> <span class="icon-bar"></span> <span
                    class="icon-bar"></span>
            </button>

            <div class="collapse navbar-collapse navHeaderCollapse">

                <ul class="nav navbar-nav navbar-right">

                    <li class="active"><a href="homepage.html">Home</a></li>
                    <li><a href="Login.html">Login</a></li>
                    <li><a href="Register.html">Register</a></li>
                    <li><a href="customer.html">Clients</a></li>
                    <li><a href="Administrator.html">Administrator</a></li>
                    <li><a href="account.html">Accounts</a></li>
                    <li><a href="Illustration.html">Illustration</a></li>
                    <li ><a href="ATM.html">Atm</a></li>

                </ul>

            </div>

        </div>
    </div>

将

置于

上方

您应该能够在现有样式的基础上添加自己的样式。使用chrome调试器之类的工具，您应该能够找到执行此操作的样式规则，然后在您自己的样式表中使用更具体的CSS选择器来覆盖它。
您可以将导航栏放置在自己的容器中（具有适用的ID），并在样式表中调整容器的宽度。正如Swagata所说，您应该能够翻转div标记并相应地调整css。不过，为了便于编辑，我会给它起个令人难忘的名字
 考虑到这一点，没有什么好办法。navbar是为跨越屏幕而设计的。但是，使用内置网格可以相当容易地完成

<div id='row'>
    <div id='col-md-6'>
        INSERT NAVBAR HERE
    </div>
    <div id='col-md-6'>
        INSERT WHATEVER YOU WANT ON THE OTHER HALF OF THE SCREEN HERE
    </div>
</div>


在此处插入导航栏
在屏幕的另一半插入您想要的内容
对于任何试图在Bootstrap 4中将导航栏设置为自定义宽度的人，只需覆盖导航栏css宽度即可

例如：

.navbar {
   width: 400px;
} 

如果您有1个以上的navbar（？！），只需为要更改的navbar指定一个自定义类/id。
打开uncompressed bootstrap.css文件并尝试搜索。navbarI不完全理解您的要求，但请尝试将.container div置于.navbar.Morteza之外，就像我写的，那里有很多导航栏校准…不知道你是否使用这种方法，它是否会响应并正确折叠（例如，我有我的设置，可以折叠到小屏幕上的按钮）。思想？