如何在bootstrap5的头标左边增加更多的空间？

wztqucjr 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(1)|浏览(146)

how header looks now
大家好！我试图学习 Bootstrap ，并使一个基本的网站实践。但我不能添加更多的空间，以左标题的标志。我尝试了不同的事情之一是给img的边距在css. stylesheet。它确实改变了，但我不希望所有的图像有边距。我尝试添加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"
    > '''

twitter-bootstrap

来源：https://stackoverflow.com/questions/73900809/how-to-add-more-space-to-the-left-in-header-logo-in-bootstrap5

1条答案

按热度按时间

bttbmeg01#

如果你分享你的代码会有帮助。
我的猜测是使用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>

希望这能解决你的问题，祝你好运！

赞(0）回复(0）举报 2022-12-07

我来回答

如何在bootstrap5的头标左边增加更多的空间？

1条答案

相关问题

热门标签

最新问答