html - UIkit Grid 不如预期

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（已经看过，但找不到）