2016-12-28 27 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