Twitter bootstrap 3 引导3网格布局没有响应

我正在使用Bootstrap3来设计布局，并使用网格类来设计布局。以下是我用于布局的代码片段：

<div class=”container”>
  <div class=”row”>
    <div class=”col-sm-1 col-md-4 col-lg-3”>
      [ Metro Tiles content ]
    </div>
    <div class=”col-sm-11 col-md-8 col-lg-9”>
      [ Jquery Slider content ]
    </div>
  </div>
</div>

截图：

当我试图在平板电脑或移动设备中打开页面或将页面缩小时，它的行为没有响应。滑块未堆叠在平铺布局下方

---

有谁能指导我解决这个问题吗？

要将磁贴堆叠在小型设备的滑块顶部，您应该使用：

<div class="container">
  <div class="row">
    <div class="col-sm-12 col-md-4 col-lg-3">
      [ Metro Tiles content ]
    </div>
    <div class="col-sm-12 col-md-8 col-lg-9">
      [ Jquery Slider content ]
    </div>
  </div>
</div>

在这里似乎工作得很好：

---

您在实际代码中使用的是“而不是”，对吗？确保是的，我在中使用Bootstrap 3的容器和行类，并定义Metro Tiles和Jquery Slider的详细信息。确保代码中没有卷曲引号。此外，在平板电脑/手机上没有响应是因为您错过了

<div class="container">
  <div class="row">
    <div class="col-sm-1 col-md-4 col-lg-3 bg-info">
      [ Metro Tiles content ]
    </div>
    <div class="col-sm-11 col-md-8 col-lg-9 bg-success">
      [ Jquery Slider content ]
    </div>
  </div>
</div>