2

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

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

我怎么做？我应该为项目的每个分辨率提供一个像素位置以使其保持响应吗？

4

2 回答 2

8

刚刚知道如何在不实际使用 jquery 的情况下做到这一点。这真的很简单。

我只是想添加“right：0”以将其一直踢到右边。所以下面的代码应该做到这一点。

<div class="span2" style="position:fixed; right:0">  
CONTENT 
</div>
于 2012-08-20T18:57:24.450 回答
0

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 列元素，然后作为列元素，你可以制作你的侧边栏。这会将您的侧边栏放在右侧并保持您的布局响应。

于 2012-08-19T17:53:06.327 回答