css - Bootstrap 固定大小右栏

Question

我正在使用 bootstrap v. 2.3.2（ie7 原因），并且想制作一个具有一个固定列大小（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;
}