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，改为使用类;）而且似乎在网格文档中没有5-8ths在src文件夹中（看过，但找不到）