2

私は Twitter Bootstrap を使用しており、nav のコンテンツを相対位置を持つ div の先頭から開始したいと考えています。

<div class="navbar">
    <div class="navbar-inner">
        <a class="brand" href="#">Title</a>
        <ul class="nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>
    </div>
</div>
<div class="content">
    some content here
</div>

そしてcssで：

.content{
    max-width:60%;
    margin: 0 auto;
}

例: http://jsfiddle.net/RXQV4/1/

ナビゲーションの背景を維持して、「タイトル」(.brand) をコンテンツの先頭と同じ x 位置にする方法は?

ありがとう！

編集： 私が欲しいものを再説明します（簡単ではありません）：画面の100％を占める同じバーに.brandを配置したいと思います。右側の 3 つのタブを押すだけで、この .brand は .content と同じ x 位置から開始する必要があります。問題は、.content の x 位置に関する情報を取得する方法がわからないことです (可能であれば jQuery なしで...)。

皆さんありがとう！

4

1 に答える 1

0

この更新されたフィドルを確認できます..

コード:

<div class="navbar">

    <div class="navbar-inner">
         <ul class="nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>

    </div>
    <br />
<div class="navbar-inner yourTitle">
    <a class="brand" href="#">Title</a>
</div>    
</div> 


<div class="content">
    some content here   
</div>

css :

.content {
    border: 1px solid lightgray;
    height: 400px;
    margin: 0 auto;
    max-width: 60%;
}
.yourTitle{
    width:65%;
    margin: 0 auto;
    padding:0;
}

申し訳ありませんが、これは私があなたの投稿から理解したものです..

更新：

スクリーンショットで質問を更新するよりも、これがあなたが望むものでない場合は、この更新されたフィドルを確認してください..

更新されたフィドルのスクリーンショットは次のとおりです。

ここに画像の説明を入力

于 2012-12-13T06:23:18.580 に答える