3

ページの真ん中にdiv がwidth:500pxあります。この div内 にnavbar-fixed-top が必要です。それを達成するために私のhtml/cssを修正してもらえますか? ありがとうheight:300px

http://jsfiddle.net/MgcDU/7874/

<div class="container" style="width:500px;height:300px;border:solid black 1px;overflow:scroll">
    <div class="row">
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="navbar-inner" style="padding:10px">
                <div class="btn-group">
                    <button type="button" class="btn btn-default dropdown-toggle" style="height:70px;" data-toggle="dropdown">
                        <div class="icon-some"></div>Dropdown <span class="caret"></span>

                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#">Dropdown link</a>
                        </li>
                        <li><a href="#">Dropdown link</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div id="wrapper">
        <div id="content">
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
            <p>some content</p>
        </div>
        <div id="padding-bottom"></div>
    </div>
</div>
4

1 に答える 1

6

クラスnavbar-fixed-topのナビゲーションバーをdiv内に配置したいと言ったことに基づいて、それは十分に単純に思えます。

私がしたことは、.navbar クラスの css ファイルに position:relative を追加することだけでした。

.navbar{
 position:relative;
}

これが機能しています

http://jsfiddle.net/tKCm6/

ここで、ページを下にスクロールするときにナビゲーションを div に固定したままにしたい場合は、別の話です。

これがそのコードです

.container{
    position:absolute;
}
.navbar{
    position:fixed;
    width:500px;
}

そして生きる

http://jsfiddle.net/vARTv/

于 2013-11-03T16:34:55.713 に答える