css - 使用 Bootstrap v4 管理模板的 Angular 2 CSS 故障

Question

使用 Twitter Bootstrap 4.0.0-alpha.5 运行 AngularJS 2.2.3。这是我得到的:

与我想要的相比:

完整代码(带渲染输出):https://gist.github.com/anonymous/cbe4161acb3734c53c45c44db6db854b

编辑:管理员分解成不同组件的完整 repo :https://github.com/AlecTaylor/angular2-bootstrapv4-admin

Answer 1

你错过了:

<link href="dashboard.css" rel="stylesheet">

此外，您可能不应该将 CDN 与 Angular 2 一起使用。

添加到 package.json:

"bootstrap": "^4.0.0-alpha.5",

使用 npm 安装并从节点模块引用:

npm i 

引用:

您可能还需要这些:

npm i tether --save

<script src="node_modules/jquery/dist/jquery.min.js"></script>
    <script src="node_modules/tether/dist/js/tether.min.js"></script>
    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>