Bootstrap列与3列的顺序
艾文·瓦格斯（Avin Varghese）
Bootstrap 3.2.1订购三列订购问题。尝试在小屏幕中订购三列，例如img下方。
在中等屏幕上，它应该像上面的图像。 
但是如果COL A高度大于COL C，则订购不起作用 
代码：
<div class="col-md-5 col-md-push-7"> Col B </div>
<div class="col-md-7 col-md-pull-5"> Col A </div>
<div class="col-md-5 col-md-push-7"> Col C </div>
维克多·斯坦丘（Victor Stanciu）
您所要做的就是将B和C浮动在右侧。
看看这个小提琴。
<style type="text/css">
.A, .B, .C {
background-color: DodgerBlue;
color: white;
font-size: 40px;
font-weight: bold;
text-align: center;
}
.A {
height: 200px;
line-height: 200px;
}
.B, .C {
float: right;
height: 75px;
line-height: 75px;
}
</style>
<div class="col-xs-12 col-md-5 B">B</div>
<div class="col-xs-12 col-md-7 A">A</div>
<div class="col-xs-12 col-md-5 C">C</div>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Bootstrap列与3列的顺序
- 2
Twitter Bootstrap 3中的列顺序
- 3
Bootstrap 3更改全角列顺序
- 4
Twitter Bootstrap 3中的列顺序
- 5
Bootstrap 列顺序
- 6
Bootstrap更改div顺序，向右拉，向左拉3列
- 7
Bootstrap v3，全宽列的反向堆积顺序
- 8
在Bootstrap中更改全角列的顺序
- 9
Bootstrap 3：列排序
- 10
Bootstrap 3：列排序
- 11
响应式设计超过2列使用顺序bootstrap3
- 12
Twitter Bootstrap 3：在“移动设备”屏幕中查看时自定义列堆栈顺序
- 13
如何使用Bootstrap 3创建2列，带有前面标签的4控件，并按列顺序保持标记
- 14
css3列顺序错误
- 15
Bootstrap 3 1.5列偏移
- 16
Bootstrap 3问题与列移动
- 17
Bootstrap 3超大（xl）列
- 18
Bootstrap3-列接触
- 19
在Bootstrap 3中嵌套列
- 20
Bootstrap 3形式2列
- 21
Bootstrap 3响应矩形列
- 22
Bootstrap 3中的列排序
- 23
安排 3 个 Bootstrap 列
- 24
Bootstrap 3 - 半列问题
- 25
更改响应式3列布局中的列顺序
- 26
在Bootstrap中使用推/拉列更改div的顺序
- 27
Bootstrap WordPress-PHP循环每行错误的列数顺序
- 28
Bootstrap：更改桌面布局中列布局的顺序
- 29
Bootstrap：更改移动设备上全角列的顺序
我来说两句