使用Twitter設置基於max-width div的x位置的導航選項卡的x位置引導

Question

我正在使用Twitter Bootstrap，並且希望導航的內容以其具有的相對位置的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/

如何有 「標題」（。品牌），以在相同x位置th保持導航的背景是內容的開始？

謝謝！

編輯： 我重新解釋一下我想要的東西（不容易）：我想有這需要在屏幕的100％相同欄上的。品牌;它應該向右推三個選項卡，並且這個.brand應該從.content開始於相同的x位置。問題是我不知道如何獲得有關.content的x位置的信息（如果可能，沒有jQuery ...）。

謝謝大家！

Answer 1

您可能check this updated fiddle ..

代碼：

<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; 
} 

抱歉，這是我從您的文章瞭解..

更新：

檢查this updated fiddle，如果這是不是你比截圖更新你的問題的願望..

下面是更新小提琴截圖：