如何使用ReactJS使网站响应网站和移动设备

Question

我是ReactJ的新手

使用ReactJ创建响应式Web应用程序有几种方法。除了使用Bootstrap（例如Bootstrap）之外，我还想创建一个带有样式组件的响应式网格视图，这令人难以置信。

使用样式组件创建基本的网格视图作为起动器，我们将建立完全相同的网格，就像我在上一节中介绍的那样：

它将有十二列一列可以跨越1-12列的宽度。如果总宽度小于768px，则所有列将垂直堆叠。在下面的屏幕截图中，您会看到，我创建了一个称为行的组件，该组件在列后清除浮子所需。然后，我添加了一个列组件，该组件默认情况下具有float：左图，宽度为100％（移动，您还记得吗？）。