Bootstrap col-xs-6没有给我2列布局

时间:2016-12-07 02:45:07

标签: twitter-bootstrap

我不确定我的代码似乎有什么问题...我认为这是正确的但由于某种原因我无法让app = Celery('intro', broker=settings.BROKER_URL) 给我2列...当我的网格到达那个断点,他们表现得好像我正在使用col-xs-6并且所有堆叠在彼此之上......这就是我的div看起来像

col-xs-12

<div class="col-lg-2 col-md-3 col-sm-4 col-xs-6"> 之外,它们的行为都符合预期,我希望这会给我一个两列的布局......

以下是我正在开发的网站的链接:http://cbshuttle.staging.wpengine.com/

我试图排除故障的部分是底部附近的酒店标识,当网站到达xs断点时,我想要在2列中...任何见解都会非常感激

谢谢!

1 个答案:

答案 0 :(得分:0)

您使用的Avada主题故意修改Bootstrap以消除&#34;额外的小&#34;屏幕尺寸。虽然Bootstrap将0-767px视为超小型,768-991px视为小型,但Avada将所有尺寸都视为低于992px,而#34;小型#34;并使用&#34; col-sm - *&#34;布局。

如果我将您的Avada style.min.css样式表替换为bootstrap.css的真实版本,我会按照预期获得额外小尺寸的双列布局。