//已编辑:现在简化版本
我正在使用 meteor,并希望在我的模板中使用引导网格系统。不幸的是,它只是将两列彼此重叠显示,就好像根本没有为它们分配引导类一样。我希望它们在同一条线上彼此相邻
我还没有安装任何引导包。(我有但卸载了它以确保它不是那样)我只安装了其他基本标准软件包,如Facebook登录或自动表单
引导程序本身正在工作,因为自动表单是用它设置样式的,并且警报类在我的模板中工作,例如
此模板中根本没有其他 css 样式
HTML 必须格式良好,否则 meteor 不会呈现模板
我试过了:
- 安装 TWBS:引导程序包
- 改为安装 Mizzao:Bootstrap-3 软件包
- 使用容器流体的更复杂的引导程序
这没有改变任何东西
引导程序使用此链接 (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>
由于我对引导程序非常陌生,我认为这是一个非常愚蠢的初学者问题,但我只是找不到它
嘿伙计们,我想通了! 这似乎与我的屏幕尺寸相对较小以及我的开发人员控制台被打开有关。当我使用 col-xs-6 时,它起作用了。 无论如何,谢谢!
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>