Bootstrap 4 如何避免导航栏徽标后出现空白？

.navcolor{
背景色：#ffffff！重要；
}
.标识宽度{
身高：100%！重要；
宽度：23.1%！重要；
利润率：-1%0%0%23.3%！重要；
填充：0%0%0%0%！重要；
}

---

您可以将

宽度：*px

指定到导航栏徽标

，并且可以使用

class=“ml auto”

将列表对齐到右侧

正如您在

%

中提到的宽度一样。这就是问题的原因。根据您的要求，将其输入

px

。下面是sameHi Manoj的代码片段，我已经接受了你的答案，但是我的声誉今天只有一个事实，只是我创建了堆栈溢出帐户，这就是为什么它显示为这样感谢你的反馈！声誉低于15的人所投的票会被记录下来，但不会改变公开显示的帖子分数。接受意味着在投票下面会有一个票数标记。当你点击它时，它会变成绿色。你需要15个声誉才能投票。为了接受答案，名誉不是必须的。

      <nav class="navbar navbar-expand-lg navbar-light navcolor bg-light">
            <a class='space' href="https://dev.jillako.com/en/flights">
                <img class='logoWidth' src="/assets/image.jpg"
                    style="width:100px">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
                aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav ml-auto">
                    <a class="nav-item nav-link active" href="#">Flights</a>
                    <a class="nav-item nav-link" href="#">Hotels</a>
                    <a class="nav-item nav-link" href="#">Offers</a>
                </div>
            </div>
        </nav>