javascript - 如何修复 : Navbar styling issue

Question

以下是 https://www.vimaldevelopers.com/vimalproject0/residential-projects-mumbai/vimalprojects.html 上导航栏的代码

检查了错误导航栏页面上的 Bootstrap 版本，它是 3.3.7

<div class="col-lg-9 col-md-5 col-sm-6 col-xs-12 toll-col-mob">
    <div style="background: #85B540!important; width: 95rem; height: 2rem; ">
        <div class="hotlines text-white">Contact No.
            <a href="#" class="toll-no">0222-8981111</a>
            <!-- <a href="tel:1 800 212 8888" class="toll-no">1 800 212 8888</a> -->
        </div>
    </div>

    <div style="background: #18191b!important; padding-top: 15px">
        <nav class="toplinks">
            <ul>
                <li><a href="#" class="">Vimal Developers</a></li>

                <li class="drop-drown-menu clearfix">
                    <a href="omkar-1973-worli#" class="active">projects</a>
                    <ul class="dropdown-content menu-show">
                        <li>
                            <a href="#" class="">Residential</a>
                        </li>

                        <li>
                            <a href="#" class="">Commercial</a>
                        </li>
                    </ul>
                </li>

                <li><a href="#" class="">Contact Us</a></li>


            </ul>
        </nav>

我想让它看起来像 https://www.vimaldevelopers.com 上的主页.此页面使用的是 v4。

这就是上面代码的样子(糟糕的导航栏):

这就是我想要的样子:

有人请拯救我的一天!

Answer 1

试试这个:::

.toll-col-mob {
    width:100%;
}
.toplinks ul {
    display: flex;
    justify-content: center;
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
}