2016-10-18 3 views
1

ember 앱에 사용하려고하는데 오른쪽에 내용을 올릴 수 없습니다.에버 용지의 사이드 바 레이아웃이 작동하지 않습니다.

enter image description here

내가 (타다 남은 종이의 공식 웹 사이트에서) 달성 할

enter image description here

내 코드

{{#paper-nav-container}} 
    {{#paper-sidenav class="md-sidenav-left site-sidenav md-whiteframe-z2" locked-open="gt-sm"}} 
    {{#paper-toolbar}} 
     <div class="md-toolbar-tools"> 
     <div class="logo"> 
      <strong>Paper</strong> 
     </div> 
     </div> 
    {{/paper-toolbar}} 

    {{#paper-content}} 
     {{#paper-list}} 
     {{#paper-item action=(transition-to "employees.list")}}Introduction{{/paper-item}} 
     {{#paper-item action=(transition-to "index")}}Another link{{/paper-item}} 
     {{/paper-list}} 
    {{/paper-content}} 
    {{/paper-sidenav}} 

    <div layout="column" tabindex="-1" role="main" flex> 
    {{#paper-toolbar}} 
     <div class="md-toolbar-tools"> 
     <span class="md-breadcrumb-page">Title</span> 
     </div> 
    {{/paper-toolbar}} 

    {{#paper-content class="md-padding"}} 
     {{outlet}} 
    {{/paper-content}} 
    </div> 
{{/paper-nav-container}} 

이 어떻게 왼쪽 사이드를 떠 있습니다 application.hbs? 나는 콘솔에 오류가없고, 브라우저 http://caniuse.com/#search=flex에서 지원되지 이잖아 예는 아마도 display:flex을 사용 official guide

+0

여기에서 같은 문제가 발생합니다. 해결책을 찾았습니까? –

+0

@PaulFournel nope :/ – intelis

답변

1

에서 직선 복사 - 붙여 넣기입니까? CSS 전체를 붙여 넣기 복사하면됩니다.

+0

그래도 지원됩니다. 아이디어가 없습니다. – intelis

관련 문제