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

Question

我正在为我的 react 项目使用 kendo-react-ui 中的组件。我正在尝试使用 Container、Row、Cols 等 Layout 属性来使其具有响应性，就像我们在 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-react-ui 中实现这一点？

谢谢

Answer 1

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

谢谢