Meteor Bootstrap网格系统无法正常工作

Question

//编辑：现在简化版

我正在使用meteor并希望在我的模板中使用引导网格系统。不幸的是，它只是将两列显示在彼此之上，就好像根本没有为它们分配了引导类。我希望他们在同一条线上彼此相邻

我没有安装任何bootstrap包。 （我已经卸载了它以确保它不是那个）我只安装了其他基本标准软件包，如facebook登录或autoform

Bootstrap本身正在运行，因为autoform用它设置样式，警报类在我的模板中工作，例如

此模板中根本没有其他CSS样式

HTML必须格式良好，因为流星不会渲染模板

我试过了：

• 安装twbs：bootstrap包
• 安装mizzao：bootstrap-3软件包
• 使用更复杂的bootstrap with container-fluid

没有改变什么

Bootstrap使用此链接中的代码（MaxCDN）安装在head标记中： http://getbootstrap.com/getting-started/

这是模板的整个代码

<div class="container">
    <div class="row">
        <div class="col-md-6">col1</div><div class="col-md-6">col2</div>
    </div>
</div>

由于我是新手，我认为这是一个非常愚蠢的初学者问题，但我找不到它

Answer 1

嘿伙计们我明白了！ 它似乎与我的屏幕相对较小的尺寸以及我的开发者控制台被打开有关。当我使用col-xs-6时它起作用了。 谢谢，无论如何！

Answer 2

Bootstrap网格系统有四个类：xs（手机），sm（平板电脑），md（桌面）和lg（大型桌面）。可以组合这些类以创建更加动态和灵活的布局。

<div class="row">
  <div class="col-xs-9 col-md-7></div>
  <div class="col-xs-3 col-md-5"></div>
</div>