Css 引导固定大小的右列
我用的是bootstrap v。2.3.2(ie7原因),并希望制作一个具有一个固定列大小(300px)的网格。我可以这样做时,该列是第一列,在左列,但我需要它在页面的右侧。我还在堆栈上找到了一些工作示例,但在这个示例中,固定列首先出现在页面代码中,然后向右浮动。如果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">
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;
}