如何使用twitter bootstrap对齐元素?

sha*_*aka 34 html css twitter-bootstrap

我有3个元素,我试图将按钮对准屏幕的右侧,但我很难这样做.

<div class="container">
  <div class="row-fluid">
    <h4>
      <img src="img.png" style="width:50px;">
      Title
      <a href="link_to_img.html" class="btn btn-success">Grab it!</a>
    </h4>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

小智 61

尝试上课'拉右'.

<div class="pull-right">...</div>
Run Code Online (Sandbox Code Playgroud)

请参阅http://getbootstrap.com/css/#helper-classes-floats

  • 注意:您必须将"pull-right"类应用于您想要右对齐的元素,而不是它的父/容器. (3认同)

tra*_*jce 8

尝试这样的事情

<a href = "link_to_img.html" class = 'btn btn-success pull-right'>Grab it!</a>
Run Code Online (Sandbox Code Playgroud)