2016-09-19 44 views
0

我正在为React/Meteor尝试一些不同的UI库。我想最终走向Bootstrap 4和CSS模块,但作为一个垫脚石,我试图熟悉Bootstrap 3.我已经从流星中安装了'meteor add tabs:bootstrap'。访问流星内的引导CSS?

https://atmospherejs.com/twbs/bootstrap

但是没有造型似乎被激活。我想我需要将CSS文件分别导入到每个组件/文件中?如何在安装后将Bootstrap样式导入我的Meteor项目中?

谢谢!

回答

1

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

npm install boostrap如果您的Meteor版本支持从NPM安装软件包,则推荐使用forward。看看这个thread是有原因的。如果你在这条道路上,请记住import 'bootstrap/dist/css/bootstrap.min.css'位于结构顶部,即将React挂钩到你的应用程序的地方。

+0

感谢季节,我能够使用流星添加twbs:bootstrap命令获得它的工作。感谢您的链接,今后我会迁移到NPM版本。 – ElJefeJames

0

enter image description here第一个客户端html页面的头部内部。您可以从本地或从cdn加载bootstrap 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] 
+0

这可行,但理想情况下我会使用Meteor的特定解决方案?我所有其他的依赖都可以通过NPM或大气安装。是否有类似的引导方法? – ElJefeJames