18910140161

HTML-引导边距问题-堆栈溢出

顺晟科技

2022-10-18 14:03:36

79

我目前正在学习Bootstrap的基础知识,但我在使用margin-auto时遇到了问题。我正在使用导航栏,并尝试使用ML-Auto将其与品牌分开(将导航栏推到页面右侧)。不幸的是,我不明白为什么它对我不起作用。我在getbootstrap.com网站上做了一些搜索,但没有找到任何有用的东西。你能帮忙吗?谢谢!:)

    <a class="navbar-brand" href="">tindog</a>
    <ul class="navbar-nav ml-auto">
        <li class="nav-item">

            <a class="nav-link" href="">Contact</a>
        </li>
<li class="nav-item">

        <a class="nav-link" href="">Pricing</a>
        </li>
<li class="nav-item">

       <a class="nav-link" href="">Download</a>
        </li>        
    </ul>
</nav>```

顺晟科技:

只需将M-0和P-0放在NavBar类中。希望如此,这样你的问题将得到解决。

Bootstrap包含一个.MX-auto类,用于水平居中固定宽度的块级内容。

使用MX-AUTO

参考:https://getbootstrap.com/docs/4.4/utilities/spacing/.

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航