2016-12-28 19 views
0

erwartete ich brauche ein UIKit Gitter wie diese zu erstellen:UIKit Grid als nicht

UIKIK GRID

Dies ist mein Code:

<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> 

ich das Beispiel auf https://getuikit.com/docs/grid.html (Nested Grid befolgt haben), aber ich es nicht bekommen kann, ist es das, was ich habe:

enter image description here

Irgendwelche Tipps? Könnte Schuld an einem anderen CSS sein? Ich verwende eine HTML-Vorlage basierend auf UIkit.

UPDATE: Wenn ich diese Breite entfernen habe ich, was ich brauche:

enter image description here

Aber ich kann diese Quelle nicht bearbeiten, muss es eine andere Möglichkeit, es zu tun. Das Hinzufügen der Breite inline funktioniert nicht.

Antwort

1

Entschuldigen Sie, aber bitte classname von Ihrem HTML, verwenden Sie Klasse statt entfernen;) Und es scheint, dass Theres kein 5-8ths in grid docs weder in src-Ordner (ausgesehen haben, aber finden konnte nicht)

+0

Ihre sind ungefähr 5-8 lol, ich werde das überprüfen. Ich benutze JXS, um js zu kompilieren, deshalb "className". Ich werde es später bemerken, wenn es funktioniert. Vielen Dank. – pmirnd

+0

Das war der Grund, * -8, danke! – pmirnd

+0

ok, du bist willkommen – cssBlaster21895