0

コンテナ div 内のロゴとナビゲーション バーを揃えることができません。ナビゲーション バーは、常にイメージ ロゴのレベルより下にあります。いくつかの html align 属性を試しましたが、問題は解決しませんでした。ブートストラップ CSS を使用しているので、何か変更する必要がありますか?

<header>
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">

            <!--company logo and slogan-->
            <img src="img/logo.png" alt="logo" />

            <!--button for responsive navigation-->
            ...

            <!--Nav bar-->
            <div class="nav-collapse collapse">        
              <ul class="nav pull-right" >
                ...
              </ul>
                            </div>

        </div>
    </div>
</div>

4

1 に答える 1

1

次のように、img と div タグを左にフロートさせることができます。

<header>
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container" style="overflow: auto; ">

                <!--company logo and slogan-->
                <img src="img/logo.png" style="float: left; " alt="logo" />

                <!--Nav bar-->
                <div class="nav-collapse collapse" style="float: left; ">        
                  <ul class="nav pull-right" >
                    ...
                  </ul>
                </div>
            </div>
        </div>
    </div>
</header>

これにより、それらが同じレベルで表示されるはずです。

于 2013-07-11T23:14:54.513 に答える