Bootstrap Grid从右上方到底部在移动设备上

Question

场景：

我有一个表单，还有一些其他的“附加”内容，我想在xs，s的最底部，并在m和lg的右边和顶部浮动。

例如在桌面上：

在电话上：

有什么办法可以通过Bootstrap完成此操作吗？ 忽略由于图像引起的偏移量，我只担心列的排序问题，并让列E在足够的空间中向右浮动并移至顶部。

Answer 1

使用下面的小提琴。 尝试在底部执行。 然后尝试使用全屏再次执行它。

您可以这样做：

 @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"); .col-md-8 .col-md-12 {background: #99f;} .col-md-4 .col-md-12 {background: #f99;} 

 <div class="container-fluid"> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-12">A</div> <div class="col-md-12">B</div> <div class="col-md-12">C</div> <div class="col-md-12">D</div> </div> </div> <div class="col-md-4"> <div class="row"> <div class="col-md-12">E</div> </div> </div> </div> </div>