Bootstrap列顺序

Question

我遇到了与堆叠顺序相关的bootstrap问题。 搜索并在线查看了许多示例，但在将其转换为我自己的代码后，它将无法正常工作。

这是我的代码：

<div class="container" style="border:1px solid red; ">
    <div class="row row-fluid">
       <div rel="1" style="border:1px solid black;" class="col-md-8 col-md-push-4">1</div>
       <div rel="2" style="border:1px solid black;" class="col-md-4 col-md-pull-8">2</div>
    </div>
</div>

我想要做的就是这样表达：

当处于正常大小时，显示：

| 1：2 |

小尺寸时，显示：

2 |

1 |

我通过添加pull和push来检查其他人的解决方案，但它显示为2 | 1默认情况下没有屏幕大小更改。在哪里以及我做错了什么？

Answer 1

永远记住bootstrap的基本结构是

<div class="container">
      <div class="row">
        <div class="col-md-6">Hi i am a coloumb</div>
        <div class="col-md-6">Hi i am a coloumb</div> 
   </div>
 </div>

你忘了添加col-md，首先是“容器”，而不是“行”，而不是“col-md”， 在col-md中放入你想要的东西，在这种情况下，页面被分成2个相等的coloumbs col-md-6在每一边[总共12]，现在在正常的屏幕尺寸你会看到两个col-md彼此水平，而当你让你的屏幕变小时，你会看到相同的col-md一个接一个地垂直堆叠。

查看小提琴Jsfiddle

这就是引导程序的神奇之处，你没有编程任何东西来反应，你只是在“col-md”中附上“你想要响应的一切”。和瞧！每个人都有回应。

我对堆栈交换的另一个问题给出了类似的答案。如果您参考它可能会有所帮助。以下是链接

Question

干杯。

高塔姆。