Bootstrap固定大小右列

Question

我正在使用bootstrap v.2.3.2（ie7 reason），并希望制作一个固定列大小（300px）的网格。当col是第一个并且在左列时我可以这样做，但我需要它在页面的右侧。我还在堆栈上找到了一些工作示例，但在此示例中，固定列首先在页面代码中，然后浮动到右侧。是否有可能使span300px成为“最后”和固定大小元素（语义原因）？

我的代码非常简单：

<div class="container">
  <div class="row-fluid">
        <div class="span8">
          ....
        </div>
        <div class="span300px">
          ....
        </div>
  </div>
</div>

当智能手机上显示页面时，该列将被隐藏。

感谢您的帮助。

Answer 1

为您的范围添加自定义类。

html：

<div class="container">
  <div class="row-fluid">
        <div>
          ....
        </div>
        <div class="span3 fixed300">
          ....
        </div>
  </div>
</div>

的CSS：

fixed300 {
    min-width:300px !important;
    max-width:300px !important;
    float:right !important;
    margin-left: 2em;
}