Макет шаблона Ember.js

0

Я новичок в разработке ember и пытаюсь сделать свое первое приложение. В моем шаблоне приложения у меня есть панель меню с тегом {outlet} внизу, чтобы принимать другие шаблоны. Моя проблема в том, что строка меню располагается слева от страницы, и я хочу, чтобы контент {outlet} находился рядом с ним справа, а не под ним.

Я искал, как это делать, но мне удавалось только плавать, все еще под линейкой. Может ли кто-нибудь сказать мне, как это сделать? Предпочтительно без использования каких-либо сложных css?

<script type="text/x-handlebars" id="application">
    <div class="main">
    <ul class="nav nav-pills nav-stacked" style="max-width: 300px;">
      <li class="active">
      <a href="#"<span class="glyphicon glyphicon-home"></span>  Dashboard</a>
      </li>
      <li>
      <a href="#"<span class="glyphicon glyphicon-user"></span>  Agents</a>
      </li>
      <li>
      <a href="#"<span class="glyphicon glyphicon-list"></span>  Queues</a>
      </li>
      <li>
      <a href="#"<span class="glyphicon glyphicon-signal"></span>  Analytics</a>
      </li>
      <li>
      <a href="#"<span class="glyphicon glyphicon-wrench"></span>  Settings</a>
      </li>
      <li>
      <a href="#"<span class="glyphicon glyphicon-arrow-right"></span>  Logout</a>
      </li>
    </ul>
    </br>

      {{outlet}}
    </div>
  </script>
Теги:
ember.js

1 ответ

1
Лучший ответ

Если вы используете бутстрап, вы можете использовать класс столбцов col-md-x

<div class="container">
    <div class="col-md-2">
        your navs
    </div>
    <div class="col-md-10">
        {{outlet}}
    </div>
</div>

Посмотрите на этот образец http://emberjs.jsbin.com/EJifOyaX/1 И в коде http://emberjs.jsbin.com/EJifOyaX/1/edit

  • 0
    Удивительно, спасибо!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню