kendo-react-ui 中的容器、行、列

Question

我正在为我的 React 项目使用来自 kendo-react-ui 的组件。我正在尝试使用 Container、Row、Cols 等布局属性来使其具有响应性，就像我们在 bootstrap 4 中所做的那样。请在下面找到我的代码：

<div className="container cont">
    <div className="row">
        <div className="col-xs-12 col-sm-6 col-md-6">
            <Button primary={true}>Add User</Button>
        </div>
    </div>
</div>

以上代码占整行。我正在使用 kendo-主题-material。谁能告诉我如何在 kendo-react-ui 中实现这一点？

谢谢

Answer 1

感谢@Xizario 在联系 kendo 的支持团队后，我了解到我们必须单独安装 bootstrap 依赖项才能使应用程序响应。我添加了使用 bootstrap 4.

的 reactstrap

谢谢