在流星中访问引导 CSS？答案

【问题标题】：Accessing bootstrap CSS within meteor?在流星中访问引导 CSS？
【发布时间】：2016-09-19 11:45:53
【问题描述】：

我正在为 React/Meteor 试验几个不同的 UI 库。我希望最终转向 Bootstrap 4 和 CSS 模块，但作为垫脚石，我正在尝试熟悉 Bootstrap 3。我已经使用“meteor add tabs:bootstrap”从流星安装。

https://atmospherejs.com/twbs/bootstrap

但是，似乎没有任何样式被激活。我想我需要将 CSS 文件单独导入每个组件/文件？安装后如何将 Bootstrap 样式导入到我的流星项目中？

谢谢！

【问题讨论】：

标签： meteor twitter-bootstrap-3

【解决方案1】：

meteor add twbs:bootstrap 应该足够了。它的 CSS 在交付给客户之前捆绑在一起。

如果你的 Meteor 版本支持从 NPM 安装包，建议转发npm install boostrap。看看这个thread 是有原因的。如果您在这条路上，请记住 import 'bootstrap/dist/css/bootstrap.min.css' 在结构顶部的某个位置，即您将 React 挂接到您的应用程序的位置。

【讨论】：

感谢Season，我只使用meteor add twbs:bootstrap 命令就能让它工作。感谢您的链接，以后我将迁移到 NPM 版本。

【解决方案2】：

在第一个客户端html页面的头部。您可以在本地或从 cdn 加载引导 css 和 js 文件。

  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />


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



[![<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>][1]][1]

【讨论】：

这可行，但理想情况下我会使用 Meteor 特定的解决方案？我所有的其他依赖项都可以通过 NPM 或大气安装。有没有类似的bootstrap方法？
是的，你能解释一下“本地”部分吗？在我的应用程序捆绑 CSS 之前，我无法从 NPM 获取引导 CSS 以加载。即使使用<meteor-bundled-css>。唯一的办法就是在<meteor-bundled-css>上方放一个CDN链接。