Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 引导固定大小的右列_Css_Twitter Bootstrap_Twitter Bootstrap 2 - Fatal编程技术网

Css 引导固定大小的右列

Css 引导固定大小的右列,css,twitter-bootstrap,twitter-bootstrap-2,Css,Twitter Bootstrap,Twitter Bootstrap 2,我用的是bootstrap v。2.3.2(ie7原因),并希望制作一个具有一个固定列大小(300px)的网格。我可以这样做时,该列是第一列,在左列,但我需要它在页面的右侧。我还在堆栈上找到了一些工作示例,但在这个示例中,固定列首先出现在页面代码中,然后向右浮动。如果span300px将是“最后一个”和固定大小的元素,是否可以进行布局(语义原因) 我的代码非常简单: <div class="container"> <div class="row-fluid">

我用的是bootstrap v。2.3.2(ie7原因),并希望制作一个具有一个固定列大小(300px)的网格。我可以这样做时,该列是第一列,在左列,但我需要它在页面的右侧。我还在堆栈上找到了一些工作示例,但在这个示例中,固定列首先出现在页面代码中,然后向右浮动。如果
span300px
将是“最后一个”和固定大小的元素,是否可以进行布局(语义原因)

我的代码非常简单:

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

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


感谢您的帮助。

将自定义类添加到您的span中

html:

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

不幸的是,该列的宽度取自span3,在本例中,整个站点现在只有11列。您可以尝试使用“!重要的“就像在我的编辑,和。。。我也在11列上编码;)现在右栏有300px,但
span8
栏不是流体??我有50px的“边距”,比整列有100%的边距,右列向下移动,如果你放100%,正常情况下,它需要100%的宽度。。。将一个列固定为300px。在我的项目中:左栏没有类,右栏(span3固定为300px)。你不应该把100%,左边的栏自动固定到右边的宽度[对我来说]。。。。。。。
fixed300 {
    min-width:300px !important;
    max-width:300px !important;
    float:right !important;
    margin-left: 2em;
}