css - 如何使用从右到左的 twitter-bootstrap 跨度？

Question

如果我想在屏幕右侧放置一个元素，例如最后 3 个跨度，并希望它们左侧有空白（不使用跨度），这可以在 twitter-bootstrap 上实现吗？如果可以，如何实现？谢谢你。

Answer 1

你可以这样做：

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

你也可以这样做：

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

Answer 2

您可以使用pull-right和pull-left：

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

Answer 3

跨度在 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>