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

Question

我关注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 时仍会显示导航栏项（通知铃图标）：

知道我做错了什么吗？

Answer 1

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