UIkit 网格不符合预期

Question

我需要像这样创建一个 UIKit 网格：

这是我的代码：

<div className="uk-grid uk-grid-collapse">
    <div className="uk-width-5-8">
        <div className="uk-grid">
            <div className="uk-width-1-2">.Variable..</div>
            <div className="uk-width-1-2">..Modelo.</div>
            <div className="uk-width-1-2">..Mes.</div>
            <div className="uk-width-1-2">..Escenario.</div>
        </div>
    </div>
    <div className="uk-width-1-8">BUSCAR</div>
    <div className="uk-width-2-8">RANGE</div>
</div>

我已经按照 https://getuikit.com/docs/grid.html（嵌套网格）上的示例进行操作，但我无法理解，这就是我得到的：

有什么建议吗？可能是另一个 css 的错？我正在使用基于 UIkit 的 html 模板。

更新：当我删除这个宽度时，我得到了我需要的东西：

但我无法编辑该源，必须有其他方法。添加内联宽度将不起作用。

Answer 1

对不起，请从您的 html 中删除 className，改用 class；）而且 src 文件夹中的网格文档中似乎没有 5-8ths （看过，没找到）

UIkit 网格不符合预期

UIkit Grid not as expected

html

getuikit