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

Question

我正在为我的反应项目使用 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

Thanks @Xizario After contacting kendo's support team, I came to know that we have to install bootstrap dependency separately to make the application responsive. I have added reactstrap which uses bootstrap 4.

Thanks