Question

我正在Angular 4中构建一个简单的测试应用程序，并为angular设置了boostrap 4（根据https://ng-bootstrap.github.io/#/getting-started的说明。）

我已经将boostrap导入到根模块和我的简单导航栏菜单组件中，该组件使用了bootstrap类（代码来自一个正在运行的plnkr示例）。

我的应用程序显示菜单但仅作为列表，而不是为bootstrap css / js格式化。我可以发布代码，但我并不认为这是问题，因为我完全按照上面的链接。

此症状是否足以让某人提供建议？如果没有，我将开始发布代码片段。

更新：

我添加了链接到boostrap的CSS，现在列表项目不再可见（只有＆＃39;品牌＆＃39;和小灰盒子），所以CSS有帮助。导航栏的正确渲染似乎是一个单独的问题，所以我把它分开了。

答案是添加Bootstrap 4 CSS的链接，即使ng-bootstrap网站没有说这是必需的。

Answer 1

您是否将Bootstrap css文件链接到项目中？通常，您将这些包含在项目的根目录（在css目录中）中，然后将它们链接到index.html文件中，如下所示：

  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="./css/bootstrap-reboot.min.css">

这假定了这样的部署结构：

  index.html
  /css/

您可以在此处下载Bootstrap代码：

http://v4-alpha.getbootstrap.com

如果您想使用从Bootstrap CDN服务器（内容分发网络）托管的Bootstrap代码而不是维护您自己的本地副本，请在此处链接到它们：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

请勿链接到Bootstrap公共网页使用的样式表，因为这些链接将来可能会发生变化，从而意外地破坏了您的网站。

Bootstrap 4组件没有在Angular 4测试应用程序中格式化

1 个答案: