Twitter bootstrap 引导3列未在移动设备上堆叠

Twitter bootstrap 引导3列未在移动设备上堆叠,twitter-bootstrap,Twitter Bootstrap,我已经搜索了很长时间,无法让下面的代码正常工作。除了移动大小视图中的列不堆叠之外,所有操作都正常。我尝试添加col-xs-12和其他变体,但就是想不出来 <div class="container-fluid offers"> <div class="row row-eq-height"> <div class="col-md-6 website-package"> <div class="row">

我已经搜索了很长时间,无法让下面的代码正常工作。除了移动大小视图中的列不堆叠之外,所有操作都正常。我尝试添加col-xs-12和其他变体,但就是想不出来

<div class="container-fluid offers"> 
    <div class="row row-eq-height">
      <div class="col-md-6 website-package">
        <div class="row">
          <div class="col-md-4 col-md-offset-4 featured-image">
            <img class="center-block img-responsive package-icon" src="assets/img/website.png">
          </div>
          <div class="col-md-12 featured-image">
           <p>Lorem ipsum dolor sit amet</p>
         </div>         
       </div>
     </div>
   <div class="col-md-6 website-package">
        <div class="row">
          <div class="col-md-4 col-md-offset-4 featured-image">
            <img class="center-block img-responsive package-icon" src="assets/img/online-shop.png">
          </div>
          <div class="col-md-12 featured-image">
           <p>Lorem ipsum dolor sit amet</p>
           </div>         
         </div>
       </div>   
      </div>
    </div>
  </div>

提前感谢您的回复

你可能弄错了。我看到你的
网站包上有
页边距:30px
。删除或使用
边距:0px 30px
。这是JSfiddle:

您可能犯了一个错误。我看到你的
网站包上有
页边距:30px
。删除或使用
边距:0px 30px
。这是JSfiddle:

Hi,您是否尝试在您的专栏中添加
col-xs-12 col-sm-12
?或者你能插上JSFIDLE吗?@BillyHalim我做了一把小提琴(我第一次用它,所以如果缺少什么请告诉我)。但奇怪的是,JSFIDLE中的结果窗口显示了堆叠的列。您好,您是否尝试在您的专栏中添加
col-xs-12 col-sm-12
?或者你能插上JSFIDLE吗?@BillyHalim我做了一把小提琴(我第一次用它,所以如果缺少什么请告诉我)。但奇怪的是,JSFIDLE中的结果窗口显示了堆叠的列。我尝试了上述两种变化,但它只是删除了立柱之间的间距。在mobile上,仍显示两列。对于实时版本,请检查dev.testing.homepage-labor.chStacking与删除列之间的间距相同。可能我在这里使用了错误的术语,因为我对引导非常陌生,如果是这样,我道歉。我的意思是,在移动设备上,每个元素都应该位于前一个元素之下,有效地跨越整个屏幕宽度。是的,您以前已经这样做了。当您选择移动设备大小时,下一个元素将位于上一个元素之下。我一定是遗漏了什么,对不起,我太生疏了;)正如你所说,我已经删除了页边空白,但该网站仍然显示两列相邻。我清空了手机上的缓存,并访问了前面提到的链接以确保安全。我在这里遗漏了什么?我尝试了上述两种变体,但它只是删除了柱之间的间距。在mobile上,仍显示两列。对于实时版本,请检查dev.testing.homepage-labor.chStacking与删除列之间的间距相同。可能我在这里使用了错误的术语,因为我对引导非常陌生,如果是这样,我道歉。我的意思是,在移动设备上,每个元素都应该位于前一个元素之下,有效地跨越整个屏幕宽度。是的,您以前已经这样做了。当您选择移动设备大小时,下一个元素将位于上一个元素之下。我一定是遗漏了什么,对不起,我太生疏了;)正如你所说,我已经删除了页边空白,但该网站仍然显示两列相邻。我清空了手机上的缓存,并访问了前面提到的链接以确保安全。我错过了什么?
.website-package {
    background: #5FA1A8;
    border-color: #fff;
    border-style: solid;
    margin: 30px;
}

.featured-image{
    background:transparent;
    border: none;
}