2016-12-28 9 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テンプレートを使用しています。

UPDATE:私は、この幅を削除すると、私は私が必要なものを得た:

enter image description here

しかし、私はそのソースを編集することはできません、それを行うための別の方法が存在しなければなりません。幅のインラインを追加することはできません。

答えて

1

は、恐れ入りますが、その代わりに、あなたのHTMLから利用クラスをクラス名を削除してください。)そして、あなたの

+0

(見てきましたが、見つけることができませんでした)それは、グリッドのドキュメントでもないsrcフォルダには5-8thsをtheresのようです私はそれを確認します。私はjsをコンパイルするためにJXSを使用しています。そのため、 "className"です。私はそれがうまくいくと後で気づくでしょう。ありがとう。 – pmirnd

+0

それが理由だった、* -8、ありがとう! – pmirnd

+0

よろしくお願いします – cssBlaster21895

関連する問題