2

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

它现在看起来像一个大容器，类似于 jumbotron。但是，如果我将编译我的 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 clone https://github.com/ngbp/ngbp，将 bootstrap 更新为 3.0.3，将 angular-bootstrap 更新为 0.7.0）并编译项目。此外，将引导示例 ( http://getbootstrap.com/components/#navbar ) 中的导航栏添加到 index.html。

如果它看起来不错，它应该，它工作。如果不是，它看起来又肿又大，那么你就在我的位置上。

谢谢 ！

4

1 回答 1

2

我看到一个未设置样式的页面，顶部显示如下：

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

原来，我正在寻找 ..path/ng-boilerplate/ src /index.html 而不是 ..path/ng-boilerplate/ build /index.html 作为 README 文件的指示。

于 2014-09-16T18:17:48.693 回答