余烬纸的侧边栏布局不起作用

Question

我尝试在我的ember-paper应用中使用ember，但我无法将内容浮动到右侧。

  

实施例

  

我想要实现的目标（来自余烬纸官方网站）

  

我的代码

application.hbs

{{#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}}

如何将侧边栏浮动到左侧？我在控制台中没有错误，它是来自official guide

的直接复制粘贴

Answer 1

示例是使用浏览器http://caniuse.com/#search=flex中不支持的angular.module(moduleName, []) .directive('npProgress', function() { return { restrict: 'AE', replace: true, scope: { percentage: '@' }, template: '<div class="progress-radial progress-{{percentage}}">' + '<div class="overlay">{{percentage}}</div>' + '</div>', link: function(scope, element, attrs) { if ( parseInt(scope.percentage) > 50 ) { angular.element(element).addClass('progress-radial--positive‌​'); } } } }); ？如果你复制粘贴了所需的整个CSS。