使用Angular-UI-Bootstrap。如何从引导程序中仅获取CSS?

时间:2016-06-24 16:55:44

标签: angularjs

我想在我的角度项目中使用bootstrap,我正在查看http://angular-ui.github.io/bootstrap/#/getting_started,但它说其中一个要求是bootstrap CSS。

如何只安装CSS?最好的方法是什么?我使用凉亭安装了角度,角度动画和角度自举。只需要安装css。

以下是我将如何使用它,请告诉我它是否正确 -

6

2 个答案:

答案 0 :(得分:1)

转到Bootstrap's Get Started Page。他们为您提供了几种不同的选择这是他们的CDN:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

和鲍尔

$ bower install bootstrap

<link>

中,您的来源只有<head>
<!DOCTYPE html>
<html>
  <head>
    <script src="/bower_components/angular/angular.js"></script>
    <script src="/bower_components/angular-animate/angular-animate.js"></script>
    <script src="/bower_components/angular-bootstrap/ui-bootstrap.js"></script>
    <!-- Bootstrap CSS CDN -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <!-- Bootstrap CSS Bower *check folder for correct file name -->
    <link rel="stylesheet" href="/bower_components/bootstrap/bootstrap.css">
  </head>
  <body>
      ....
  </body>
</html>

答案 1 :(得分:0)

您的代码绝对正确。你只需要从那里的网站下载bootstrap。这将有CSS和JavaScript。您应该只在头标记中添加CSS

您也可以通过凉亭安装它

Bower install bootstrap

在此之后检查bower_components文件夹以找到bootstrap