Я новичок в разработке 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>
Если вы используете бутстрап, вы можете использовать класс столбцов 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