在Angular 2中导入Bootstrap样式

Question

如何将bootstrap导入我的angular 2项目？我在nod_modules目录中有bootstrap包。 我在组件文件中执行此操作：

import { Component } from '@angular/core';
import 'bootstrap';

但页面卡在加载中......

Answer 1

将这些行放在主html中安装：

<script src="https://cdnjs.cloudflare.com/ajax/libs/ng2-bootstrap/x.x.x/ng2-bootstrap.min.js"></script>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

如果您想在组件中使用它：

import {Component} from 'angular2/core';
import {Alert} from 'ng2-bootstrap/ng2-bootstrap';

这是ng2-bootstrap的完整文档： https://github.com/valor-software/ng2-bootstrap