0

ここに画像の説明を入力してください ブートストラップナビゲーションメニューの左側に円形のロゴを配置し、メニューを行の下部に揃えようとしていますが、常に上部に揃えたいと考えています。私はこれを翡翠で書きましたが、他の言語の人々が少なくともそれがどのように機能するかを理解できることを願っています（インデントは終了タグではなくネストを意味します）。cssまたはブートストラップでグリッドシステムを使用してこれを簡単に行う方法はありますか？

doctype 5
html
    head
    title= title
    link(rel='stylesheet', href='/css/bootstrap.min.css')
    link(rel='stylesheet', href='/stylesheets/style.css')

    body
        .container
            .row

                .span3
                    img(id='add-razaoSocial', src='KSUB_PLATTER_Full.png', width=100)
                .row

                        .span9
                            .navbar(class="pull-left")
                                    .navbar-inner
                                        a(class='brand')
                                        ul(class="nav nav-tabs")
                                            li 
                                                a(href='#') About
                                            li 
                                                a(href='#') Schedule
                                            li 
                                                a(href='#') Events
                                            li 
                                                a(href='#') Gallery
            block content
            script(src='http://code.jquery.com/jquery.js')
            script(src='/js/bootstrap.min.js')
4

1 に答える 1

1

問題は、ナビゲーションバー内（およびタブをラップするnavbar-inner内）に必要なタブを作成することから生じていると思います。達成しようとしているタブは、ナビゲーションバー内にラップする必要はありません（ナビゲーションバーは、上部または下部に固定/静的になるように設計されています）。nav-tabsのドキュメントを参照してくださいhttp://twitter.github.com/bootstrap/components.html#navs

スタンドアロン<ul class="nav nav-tabs">は、マージン/パディングのラップと設定がはるかに簡単なはずです。また、画像の下の行のCSS位置プロパティを絶対値に設定する場合があります。と内容相対。

于 2013-02-27T01:07:57.157 に答える