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

发布时间：2020-12-17 23:48:24 所属栏目：安全来源：网络整理

导读：对于BS 3，如果我只想在右边的一个窄列的内容，我可能使用偏移类9和列3。但是，如果我想要反向和左侧？有没有正确的方法来做这个BS或者应该我只是使用我自己的CSS方法？我想用我的内容创建一个3列，只有一个空列9。解决方法引导行总是包含它们的浮动并创

对于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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!