ember实现bootstrap的插件的使用测试

ember实现bootstrap的插件的使用测试

木来 木来

首先,需要打开tracker\app\styles\app.scss文件

将其改为bootstrap的样式

@import 'bootstrap';

然后,打开tracker\app\templates\application.hbs

填写下列代码,用来进行bootstrap测试

<header>
<nav class="navbar navbar-dafault">
<div class="container-fluid">

<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-collapse">
<span class="sr-only">toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="" class="navbar-brand">tracker</a>
</div>



<div class="collapse navbar-collapse" id="top-navbar-collapse">
<ul class="nav navbar-nav">
<li>
<a href="#">Test Link</a>
</li>


<li>
<a href="#">Test Link</a>
</li>

<li>
<a href="#">Test Link</a>
</li>



</ul>


</div><!--navbar collapse-->







</div><!--container-->


</nav>


</header>


<div class="container">
{{outlet}}
</div>

测试效果:

图片.png

0 条评论