2

Web サイトの右側に修正サイドバーを作成したいのですが、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 ブートストラップ。.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 に答える