ReactStrap：无法根据屏幕大小隐藏导航栏项目

Posted 2023-03-05

【中文标题】ReactStrap：无法根据屏幕大小隐藏导航栏项目

【英文标题】：ReactStrap: Unable to hide navbar item according to screen size

【发布时间】：2021-03-19 14:25:11

【问题描述】：

我关注documentation 是为了仅在屏幕宽度大于sm 时显示NavItem。 根据文档，我必须使用这个属性： 我在这里尝试过：

  <NavItem className=".d-none .d-sm-block .d-md-none">
              <NavLink
                data-placement="bottom"
                target="_blank"
                title="Profile"
                onClick=() => 
                  props.history.push("/profile-page");
                
              >
                <i className="fa fa-bell " />
                <p className="d-lg-none">Notifications</p>
              </NavLink>
            </NavItem>

但是，这似乎没有任何效果。宽度大于sm 时仍会显示导航栏项（通知铃图标）：

知道我做错了什么吗？

【问题讨论】：

你应该使用不带点的类名<NavItem className="d-none d-sm-block d-md-none">

【参考方案1】：

你应该使用不带点的类名<NavItem className="d-none d-sm-block d-md-none">