ngBoilerplate+bootstrap ->导航栏未显示在右侧

Question

我有一个ngBoilerplate框架，我正在尝试构建一个应用程序。我现在才刚刚开始，但似乎不能让导航栏有合适的大小。这就好像bootstrab js和css没有正确加载或编译一样。

它现在看起来像一个大容器，类似于一个巨型加速器。但是，如果我将编译js-es和less-es的代码行替换为指向另一个引导程序实例的路径，特别是指向其css和js的路径，它就能完美地工作。

<!-- compiled CSS --><% styles.forEach( function ( file ) { %>
<link rel="stylesheet" type="text/css" href="<%= file %>" /><% }); %>

<!-- compiled JavaScript --><% scripts.forEach( function ( file ) { %>
<script type="text/javascript" src="<%= file %>"></script><% }); %>

不能工作，但是

<link rel="stylesheet" type="text/css" href="path-to-bootstrap-css">
<script type="text/javascript" src="path-to-bootstrap-js"

这一次显示得很好。现在我真的不确定我是否应该或者在哪里告诉grunt哪些文件对我来说是重要的……我在build.config.js文件中尝试过，但它不起作用。

在src/less/main.less中，我有一个"@include path-to-bootstrap/less/ bootstrap.less "，而在bootstrap.less中，所有内容都被加载。

因此，作为结论，我的问题是，为了让导航栏工作，我应该放什么，放在哪里？

要重现我的错误/误解，可以下载(git克隆https://github.com/ngbp/ngbp，将bootstrap更新到3.0.3，angular-bootstrap更新到0.7.0)并编译项目。另外，向index.html添加一个导航栏，如引导示例(http://getbootstrap.com/components/#navbar)中所示。

如果它看起来很好，就像它应该的那样，它就能工作。如果不是，它看起来又肿又大，那你就处在我的位置上了。

谢谢！

Answer 1

我看到了一个未设置样式的页面，上面显示了以下内容：

<% styles.forEach( function ( file ) { %> <% }); %> <% scripts.forEach( function ( file ) { %> <% }); %>

事实证明，正如自述文件所指示的那样，我正在研究..path/ng-boilerplate/src/index.html而不是..path/ng-boilerplate/build/index.html。