Html 如何在引导中修改宽度

我需要在此表单中在我的网站中创建一个标题

1/左侧为徽标和名称

2/中间的链接

3/正确的社交媒体标识

我有以下代码：

<nav class="navbar navbar-expand-md navbar-dark bg-dark">
    <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
    <a>    
    <img src="house.png" style="width:30px" />
      Les maisons</a>
    </div>
    <div class="mx-auto w-100 order-0">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <a class="nav-link" href="#">ACCUEIL</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">• CRÉATION des maisons </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">• ENTRETIEN des maisons </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">• CONTACT</a>
            </li>
        </ul>
    </div>
    <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <a class="nav-link" href="#"><i class="fa fa-twitter"></i></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#"><i class="fa fa-facebook"></i></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#"><i class="fa fa-google-plus"></i></a>
            </li>
        </ul>
    </div>
</nav>

这就是结果：

我需要做的是：

1/更改中间元素的宽度，使其成为内联元素

---

2/将导航设置为白色，并修改内部文本的颜色

更改HTML中的某些类

<nav class="navbar navbar-expand-md navbar-dark bg-dark justify-content-between">
    <div class="navbar-collapse collapse dual-collapse2">
    <a>    
    <img src="house.png" style="width:30px" />
      Les maisons</a>
    </div>
    <div class="mx-auto order-0">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <a class="nav-link text-white" href="#">ACCUEIL</a>
            </li>
            <li class="nav-item">
                <a class="nav-link text-white" href="#">• CRÉATION des maisons </a>
            </li>
            <li class="nav-item">
                <a class="nav-link text-white" href="#">• ENTRETIEN des maisons </a>
            </li>
            <li class="nav-item">
                <a class="nav-link text-white" href="#">• CONTACT</a>
            </li>
        </ul>
    </div>
    <div class="navbar-collapse collapse dual-collapse2">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <a class="nav-link" href="#"><i class="fa fa-twitter"></i></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#"><i class="fa fa-facebook"></i></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#"><i class="fa fa-google-plus"></i></a>
            </li>
        </ul>
    </div>
</nav>

对导航中的所有元素使用文本nowrap类

移除。导航条在元素中变暗

---

好啊你的问题是什么？我需要使元素在中间内联，我的意思是不是在两行，这是什么阻碍了你这么做？就像你在我的结果图像中看到的，当链接的文本很长，文本被分成两行，我不知道如何拥有所有的文本宽度