Mobile col xs-*当移动设备在引导程序3中的水平/垂直视图之间定向时不工作

我在Bootstrap 3中使用col xs-*用于移动设备时遇到问题

我在手机上使用下面的代码

 <div class="row">
    <div class="col-xs-6"> div content 1 </div>
    <div class="col-xs-6"> div content 2 </div>
    <div class="col-xs-6"> div content 3 </div>
    <div class="col-xs-6"> div content 4 </div>
    <div class="col-xs-6"> div content 5 </div>
    <div class="col-xs-6"> div content 6 </div>
 </div>

分区内容1
分区内容2
分区内容3
分区内容4
分区内容5
分区内容6

在这里，div在移动水平/垂直视图中的共享率为50%

但我想在移动水平视图中得到3个div块，在垂直视图中得到2个块

为此，我也尝试了下面的代码。但是没有用

  <div class="row">
    <div class="col-xs-6 col-sm-4"> div content 1 </div>
    <div class="col-xs-6 col-sm-4"> div content 2 </div>
    <div class="col-xs-6 col-sm-4"> div content 3 </div>
    <div class="col-xs-6 col-sm-4"> div content 4 </div>
    <div class="col-xs-6 col-sm-4"> div content 5 </div>
    <div class="col-xs-6 col-sm-4"> div content 6 </div>
 </div>

分区内容1
分区内容2
分区内容3
分区内容4
分区内容5
分区内容6

请查看以下jpg的参考：

---

请在这方面帮助我。

您需要调整

col-sm-x

类的断点。在bootstraps CSS文件中，您会发现一行内容如下：

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, ....

将

768px

更改为那些类被

col-xs-x

类覆盖的断点