0

私のタイトルが正しいかどうかはわかりませんが、私はブートストラップが初めてで、これまでのところ気に入っているナビゲーションバーを試していますが、これを達成しようとして立ち往生しています

ここに画像の説明を入力

私が欲しいのは、黄色でマークされた ul バー内のアイテムが、黄色でマークされた下部にあることです。これに使用できるクラスはありますか、それとも独自の CSS クラスを追加する必要がありますか?

ここに私のhtmlコードがあります

 <div class ="navbar navbar-fixed-top">
    <div class="navbar-inner">
    <div class="container">
        <a href="default.aspx" class = "brand"><img alt ="Imagen no disponible" src ="Img/Aralogo.png" /></a>
        <div class ="nav-collapse collapse">
            <ul class="nav">
            <li><a href ="#"><h4> Compañia </h4></a> </li>
            <li><a href ="#"><h4> Nomina </h4></a></li>
            <li><a href ="#"><h4> Inventario </h4></a></li>
            <li><a href ="#"><h4> Planificacion</h4></a></li>
            <li><a href ="#"><h4> Reportes </h4></a></li>
            </ul>
        </div>
        </div>
    </div>

ありがとう。

4

2 に答える 2

1

うーん...これらのナビゲーション バーのリンクを下に移動したい場合は、それらのパディング スタイルを書き直すことができます。Twitter Bootstrap スタイルが適用された後にこのスタイルを適用すると、あなたが探していると私が信じていることが達成されます。

.navbar .nav > li > a {
    padding: 20px 15px 0;
}

それが十分に低くない場合は、次のように h4 要素も変更できます。

.navbar .nav > li > a > h4{
    margin: 20px 0 0;
}

(それが低すぎる場合は、20px をより低い数値に変更できます。)

これがお役に立てば幸いです。CSSフレームワークが基本的なデザインから外れている場合、必要なものをCSSフレームワークで取得するのは難しい場合がありますが、それを維持してください! 幸運を！

于 2013-06-27T01:48:19.013 に答える