移动

时间:2015-06-05 14:34:27

标签: html css twitter-bootstrap-3

场景:

我有一个表格,还有一些额外的"加上"内容我想在xs,s上找到底部,并在m和lg上向右和向上浮动。

E.g。在桌面上:

enter image description here

电话:

enter image description here

有没有办法用bootstrap来实现这个目的?忽略由于图像引起的偏移,我只是担心列排序并让列E向右浮动并在我有足够空间时返回顶部。

1 个答案:

答案 0 :(得分: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>
&#13;
&#13;
&#13;