引导边距左侧类在反应中不起作用答案

【问题标题】：Bootstrap margin left class is not working in react引导边距左侧类在反应中不起作用
【发布时间】：2025-12-15 05:10:02
【问题描述】：

导航栏

        <div className="collapse navbar-collapse" id="navbarSupportedContent">
            <ul className="navbar-nav ml-auto">
                <li className="nav-item active">
                    <a className="nav-link" href="#">Home</a>
                </li>
                <li className="nav-item">
                    <a className="nav-link" href="#">Link</a>
                </li>
            </ul>
        </div>
    </nav>`

我在我的反应项目中使用引导程序。某些类无法正常工作。这个类应该把所有的 nav li 向右移动，但它没有

可能是什么原因，我该如何解决？

【问题讨论】：

单独的代码图像通常被认为不足以发布帖子；能否请您包含一个minimal reproducible example 的实际代码 - 最好是作为 sn-p - 可用于帮助社区为您提供有意义的指导？
您好，感谢您的帮助。我添加了一个代码 sn-p。如果有帮助，请告诉我。

标签： css reactjs bootstrap-4

【解决方案1】：

您需要将nav 内容包装在.container-fluid 元素下，因为它默认是流动的。

<nav className="navbar navbar-expand-lg navbar-light bg-dark">
    <div className="container-fluid">
    ...
    </div>
</nav>

【讨论】：