Question

我有两列，一列是9号，另一列是3号。我在col-3里面有一张Google Map，但我的地图位于屏幕的底部。如何让它向上移动？

<div class="container">
  <div class="row">
     <div class="col-sm-9">
        content....
<div class="col-sm-3">
        content...
      </div> 
    <div> 
 </div> 
</div>

Answer 1

如果我正确理解了您的问题，您希望将div与3列div叠加在一起。如果是这样，那就这样做：

<div class="container">
    <div class="row">
        <div class="col-sm-9 col-sm-pull-3">
            content....
        </div>
        <div class="col-sm-3 col-sm-pull-9">
            content...
        </div>
    </div>
</div>

Answer 2

您的col-sm-3嵌套在col-sm-9

中

试试这个：

<div class="container">
  <div class="row">
     <div class="col-sm-9">
        content....
     </div>
     <div class="col-sm-3">
        content...
     </div> 
  </div> 
</div>

使用Bootstrap移动列

2 个答案: