twitter-bootstrap-3 – Bootstrap 3偏移在右边不左

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap-3 – Bootstrap 3偏移在右边不左前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对于BS 3,如果我只想在右边的一个窄列的内容,我可能使用偏移类9和列3。

但是,如果我想要反向和左侧?有没有正确的方法来做这个BS或者应该我只是使用我自己的CSS方法?我想用我的内容创建一个3列,只有一个空列9。

解决方法

引导行总是包含它们的浮动并创建新行。您不必担心填充空白列,只需确保它们的加起来不超过12个。
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<div class="container">
  <div class="row">
    <div class="col-xs-3 col-xs-offset-9">
      I'm a right column of 3
    </div>
  </div>
  <div class="row">
    <div class="col-xs-3">
      I'm a left column of 3
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-body">
      And I'm some content below both columns
    </div>
  </div>
</div>

猜你在找的Bootstrap相关文章