2016-12-28 26 views
0

我需要创建一个网格的UIKit这样的:UIKit的电网未如预期

UIKIK GRID

这是我的代码:

<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(网格嵌套的例子)但我不明白,这是我得到的:

enter image description here

任何提示?可能是另一个CSS的错?我使用的是基于UIkit的html模板。

更新:当我删除此宽度我得到了我所需要的:

enter image description here

但我不能编辑源,必须有另一种方式来做到这一点。添加内联宽度将不起作用。

回答

1

对不起,请从你的HTML删除类名,使用类代替)和似乎那里有网格的文档没有5-8ths无论是在src文件夹中(已经看过,但没找到)

+0

你是正确的约5-8大声笑,我会检查。我使用JXS编译js,这就是为什么“className”。如果它有效,我会在后面注意到。谢谢。 – pmirnd

+0

这就是原因,* -8,谢谢! – pmirnd

+0

好的,欢迎你 – cssBlaster21895