2016-12-28 13 views
0

을 예상하지 나는이 같은 UIKit 그리드를 만들어야합니다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 (중첩 그리드의 예를 따랐습니다 :

UIKIK GRID

이 내 코드입니다) 그러나 나는 그것을 얻을 수 없다, 이것은 내가 가진 것이다. :

enter image description here

팁이 있습니까? 다른 CSS의 잘못 일 수 있습니까? UIkit에 기반한 html 템플릿을 사용하고 있습니다.

UPDATE :

enter image description here

하지만, 그 소스를 편집 할 수 없습니다 그것을 할 다른 방법이 있어야한다 :이 폭을 제거하면 내가 필요한 것을 얻었다. 너비 인라인을 추가해도 작동하지 않습니다.

답변

1

하는 것은 실례합니다,하지만 HTML에서 클래스 이름을 제거하십시오, 대신 클래스를 사용합니다

+0

)) 그리고 프로그래머가 그리드 문서에는 5-8ths는 src 폴더에 (보고하지 않은 둘 것으로 보인다, 그러나 찾을 수 없습니다 당신의 맞아요 약 5-8 롤, 나는 그것을 확인합니다. js를 컴파일하기 위해 JXS를 사용하고 있습니다. 이것이 바로 "className"입니다. 나중에 작동하는 경우 알 수 있습니다. 감사. – pmirnd

+0

그것이 이유였습니다. * -8, 감사합니다! – pmirnd

+0

오케이, 오신 것을 환영합니다. – cssBlaster21895