Question

我想在我的网站右侧创建一个修复侧边栏，但是当我将style="position:fixed;"提供给它的div时，它就完全位于左侧。

<div class="span2" style="position:fixed; background-color: white;">  
CONTENT 
</div>

我该怎么做？我应该为项目的每个分辨率赋予像素位置以保持响应吗？

Answer 1

在没有实际使用jquery的情况下得到了如何做到这一点。这很简单。

我只是缺少添加“正确：0”来一直向右踢。所以下面的代码应该这样做。

<div class="span2" style="position:fixed; right:0">  
CONTENT 
</div>

Answer 2

Twitter Bootstrap使用利用行和列的网格系统。如果使用.container-fluid和.row-fluid类，则可以通过设置相对于父元素大小的大小来控制元素的位置。

以下是一个有效的例子：http://jsfiddle.net/chapmanc/dNRgx/1/

例如......

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span9">
            <div class="hero-unit">
                ...
            </div>
        </div>
        <div class="span3">
            <div class="well sidebar-nav">
                ...
            </div>
        </div>
    </div>
</div>

会给你一个9列元素后跟一个s列元素，你可以将它作为侧边栏。这会使您的侧边栏处于正确位置，并使您的布局保持响应。

在流体布局twitter bootstrap中修复了右边的边栏

2 个答案: