引导3：多列

你好引导社会的变化顺序，引导3：多列

虽然我已经试过了好几天，现在我的一切可能想象到交换多列自举3使用推拉命令我不能得到的md屏幕大小才能正常工作。

这里是代码：http://jsbin.com/dipel/3/embed?html,css,output

对于XS尺寸（没问题）：
所有盒送全屏幕宽度
BOX1
BOX2
BOX3
Box4

对于sm尺寸（没问题）：
Th e最后两个盒子互换并且在彼此旁边
盒子1
盒子2
Box4 | BOX3

对于MD-尺寸（不知道如何来交换这一点）：
这里是我的问题。我无法正确地交换位置。
Box1 | Box3
Box4 | Box2

因此，我的问题：这种布局一般可能与引导3，如果是的话，究竟是如何？
任何想法如何解决这个问题？

预先非常感谢

的Stefan

这里是我的代码例如：http://jsbin.com/dipel/3/embed?html,css,output

来源

2014-06-17 Stefan

我建议使用2个独立的行，则使用COL-MD-6（这将是50％整个集装箱）。

例如：

<div class="row"> 
    <div class="col-md-6"> 
    <div class="box1"></div> 
    </div> 
    <div class="col-md-6"> 
    <div class="box2"></div> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-md-6"> 
    <div class="box3"></div> 
    </div> 
    <div class="col-md-6"> 
    <div class="box4"></div> 
    </div> 
</div>

这里是一个演示：

http://jsbin.com/tuhiqoda/1/edit

来源

2014-06-17 18:25:03 Charlie

非常感谢你的努力，你的快速回复。不幸的是，在你的示例代码中，盒子顺序保持为md大小的1-2＃3-4。我在这里的困难的目标是获得1-3＃4-2和对我来说这似乎是一个无须重复BOX3，并在较小的屏幕尺寸隐藏这是不可能的。你认为这在bootstrap 3中是可行的吗？ – Stefan

不幸的是，据我所知，你只能推拉同一排。可以隐藏所有4在COL-MD和创建一个单独的一个与布局，这听起来像你已经知道该怎么做。对不起，关于误解你的问题是完整的。 – Charlie

OK，不过我会解决，然后马克的问题。如果其他人有另一种解决方法，我很有兴趣知道。 – Stefan

回答

相关问题