如何从右到左使用twitter-bootstrap?

时间:2012-05-03 19:49:18

标签: css twitter-bootstrap

如果我想在屏幕右侧放置一个元素,例如最后3个跨度并希望它们左侧有空白区域(不使用跨距),这可以在twitter-bootstrap上实现,如果是这样的话?谢谢。

3 个答案:

答案 0 :(得分:11)

你可以这样做:

<div class="row">
    <div class="span9"></div>
    <div class="span3"></div>
</div>

你也可以这样做:

<div class="row">
    <div class="span3 offset9"></div>
</div>

答案 1 :(得分:5)

您可以使用pull-rightpull-left

<div class="row">
  <div class="span3 pull-right"></div>
  <div class="span6 pull-left"></div>  
</div>

答案 2 :(得分:0)

好的跨度在12个部分中工作,所以如果你想要向左移动3个跨度,你只需要一个占用剩余空间的跨度

<div class="row">
  <div class="span6"></div>
  <div class="span2"></div>
  <div class="span2"></div>
  <div class="span2"></div>
</div>

或者你可以使用偏移量

<div class="row">
  <div class="span2 offset6"></div>
  <div class="span2"></div>
  <div class="span2"></div>
</div>