如何在引导程序5中为左侧的页眉徽标添加更多空间

Question

标题现在的样子

大家好！我试着学习引导程序，并制作一个基本的练习网站。但是我不能给左边的标题添加更多的空间。我尝试了不同的方法，其中之一是在css.stylesheet中给img一个边距。它确实改变了，但我不希望所有的图像都有空白。我试着添加id，但没用。除了这个例子之外，我如何才能非常具体地定位任何引导程序代码？这很可耻，但我被卡住了，已经快3个小时了。。提前谢谢大家。

编辑：我刚刚添加了按钮部分mt-10和标志的位置改变。。。我更困惑''''html

<button
class="navbar-toggler mt-10 "
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown"
aria-expanded="false"
aria-label="Toggle navigation"
> '''

Answer 1

如果您共享代码，将会有所帮助。

我的猜测是使用class＝"；ms-5"；(边距开始(。

Bootstrap 5从"；左边距"；至"；保证金开始"；在新版本上。

<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand **ADD HERE -> (ms-1 to ms-5)**" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link" href="#">Features</a>
<a class="nav-link" href="#">Pricing</a>
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</div>
</div>
</div>
</nav>

我希望这能解决你的问题。祝你好运