ReactJS无法识别小屏幕上的触摸/点击答案

【问题标题】：ReactJS not identifying touch/click on small screenReactJS无法识别小屏幕上的触摸/点击
【发布时间】：2018-11-26 23:42:18
【问题描述】：

我有一个在笔记本电脑屏幕上运行良好的 React 应用程序，但是一旦我减小屏幕尺寸（在某个点之后）按钮停止工作，输入字段停止工作，我什至不能复制段落文本，它基本上变成了一个我可以放大和缩小的图像，没有什么是可点击的。我正在使用 Bootstrap4 + MD Bootstrap，直接使用 CSS 文件，而不是任何 npm 包。这是代码，MyCustomRoutes 有一个简单的引导表单，没有行或列。

<div className="mt-4">
        <div className="row card-row">
                <div className="col-1 sol-sm-1 col-md-3 col-lg-4"></div>
                    <div className="col-10 col-sm-10 col-md-6 col-lg-4">
                        <MyCustomRoutes />
                    </div>
                <div className="col-1 sol-sm-1 col-md-3 col-lg-4"></div>
        </div>
</div>

所以我什至没有弄错布局，它在较小的屏幕上会发生变化。任何人都可以帮助我吗？

谢谢！

【问题讨论】：

任何控制台错误？
是的！在控制台中找到它。谢谢你的建议。为什么我在过去的几个小时里没有检查控制台，我不知道！ :|
大声笑，当我看到类似的问题时，它通常是控制台中的错误
吸取了教训。问题出在导航栏代码中，我什至没有想过要检查它。
附近可能有 z-index 较高的元素在小屏幕上重叠

标签： css reactjs bootstrap-4

【解决方案1】：

类名字符串上有类型吗？

“col-1 sol-sm-1 col-md-3 col-lg-4”应该是“col-1 col-sm-1 col- md-3 col-lg-4"？

【讨论】：

感谢您指出这一点！虽然，导航栏的结构是一个问题，我什至没有想过检查。