在Bootstrap中的其他元素之间插入元素

Question

我是Bootstrap的新手，我是这种情况：
有3个街区，我想让它们以这两种方式出现：
当我看到有大屏幕的页面时

当我看到一个小屏幕的页面


这是我使用的结构：

<row>
    <col>2</col>
    <col>
        <row><col>1</col></row>
        <row><col>3</col></row>
    </col>
</row>

我可以颠倒两个＆＃34; main＆＃34; cols但我不能＆＃39;将块2插入其他块之间...... 有什么建议吗？

抱歉，我的英语很差......

Answer 1

如果你可以在CSS中使用它，那么可以使用Bootstrap 3中的部分或全部类来完成，但在这种情况下，你需要编写自己的css来完成部分工作。 根据您的需要，您可能需要使用jQuery或其他一些方法来获得1＆amp; 2的两个相同高度。如果您的设计不适用于最小宽度的像素高度，则为3列。较大的视口设计以768px的最小宽度开始。

此外，您在问题中提供的代码表明缺乏阅读Bootstrap的文档并了解如何使用CSS和HTML，这不仅仅是<row>或只是{{} {1}}。

DEMO：http://jsbin.com/hodan/1/edit

<强> HTML

<col>

<强> CSS

<div class="container">
   <div class="row custom-row">
      <div class="col-sm-6 one">
         <div class="content"> 1 </div>
      </div>
      <div class="col-sm-6 two">
         <div class="content">2</div>
      </div>
      <div class="col-sm-6 three">
         <div class="content">3</div>
      </div>
   </div>
</div>

Answer 2

这是使用包含的pull-left，pull-right类的另一种方法..

<div class="container">
  <div class="row">
      <div class="col-xs-12 col-md-6 pull-right">
          1
      </div>
      <div class="col-xs-12 col-md-6 pull-left">
          2
      </div>
      <div class="col-xs-12 col-md-6 pull-right">
          3
      </div>
  </div>
</div>

http://www.bootply.com/yEcLsEeXLt