dvp*_*lut 18 twitter-bootstrap meteor
我正试图在流星1.0中使用bootstrap.我用这个命令在meteor中添加bootstrap包:"meteor add bootstrap".但它不能正确地对我有用.
我需要一行有两列.这是我的HTML:
<head>
<meta charset="utf-8">
<title>?????????? ????????</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-6">.col-md-6</div>
<div class="col-md-6">.col-md-6</div>
</div>
</div>
</body>
但我看到两行宽度为100%.在容器或容器流体工作的地方,我看到这是一个屏幕.问题是什么？我需要在头文件中链接bootstrap.css？但Meteor自动这样做恕我直言.
谢谢.
Ste*_*han 22
通过使用meteor add bootstrap你实际上添加了Bootstrap 2.3,它不知道col-md-x类.切换到使用Bootstrap 3,使用meteor add twbs:bootstrap它将安装官方Bootstrap框架(v3)或调整您的代码
<div class="span6">span4</div>
就个人而言,我更喜欢使用Bootstrap 3而不是Meteor核心附带的核心引导程序包.此外,MDG提供的boostrap包标记为已弃用.
Ful*_*ack 15
我建议安装官方Twitter Bootstrap支持的软件包:
meteor add twbs:bootstrap
有关更多详细信息,请参阅他们的GitHub
从提供一流npm支持的Meteor 1.3开始,推荐的方法是直接从npm安装Bootstrap.
$ meteor npm install --save bootstrap
(这也保存bootstrap在您的package.json文件中,以便签出您的应用程序的其他人可以安装它meteor npm install.)
然后,在任何客户端JS文件(例如/client/main.js):
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';
如果您对使用SASS/SCSS等更多自定义Bootstrap安装感兴趣,请查看此文章.