Question

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

它现在看起来像一个大容器，类似于一个超大屏幕。但是如果我用一个不同的bootstrap实例的路径替换编译我的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）并编译项目。另外，在bootstrap示例（http://getbootstrap.com/components/#navbar）中添加导航栏到index.html。

如果它看起来不错，它应该是可行的。如果没有，它看起来臃肿而且巨大，那么你就在我的位置。

谢谢！

Answer 1

我看到一个未打造的页面，顶部显示：

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

原来我正在调查 ..path / NG-样板/的 SRC /index.html 代替 ..path / NG-样板/的构建 /index.html 正如README文件所指示的那样。

ngBoilerplate + bootstrap - ＆gt;导航栏显示不正确

1 个答案: