Bootstrap左拉右拉

时间:2015-07-16 05:23:11

标签: twitter-bootstrap

我无法理解使用这两个以及它们是如何工作的。例如:

我有一行和一列,我希望左边的一个项目和右边的一个项目对齐。

以下提示"左对齐我"在LHS和"右对齐我"在RHS上,但彼此不在同一行。我希望文本在同一行。我可以用一张桌子做这件事,但想学习如何正确地做到这一点。我错过了什么?

<div class="container">
  <div class="row">
    <div class="col-md-3">
      Sidebar
    </div>
    <div class="col-md-9">
      <div>
        left align me
      </div>
      <div class="pull-right">
        right align me
      </div>
    </div>
  </div>
</div>

1 个答案:

答案 0 :(得分:1)

看一下 Fiddle ,我想这就是你想要做的。

只使用没有指定宽度的div div将占据整个宽度 我认为你打算使用班级col-xs-push-xx。但要使用它,你还需要给每个div一些宽度。

enter image description here