使用內容正文定位導航和標題

我正在凝聚我的網站與內容正文的導航。我希望導航能夠以瀏覽器爲中心，而不是瀏覽器，因爲它看起來像是內容主體的左側，看起來不太合適。使用內容正文定位導航和標題

這是可能的。 http://www.bryananthonylewis.com/只是一個簡單的博客與Twitter Bootstrap。

2013-02-11 bryanlewis

你是否同意「家」圖標是什麼造成它偏離中心？如在，它是偏離這一數額？ – 2013-02-11 19:10:41

我認爲，但它似乎比圖標更多的空間。只是有一種無盡的錯誤。 – bryanlewis 2013-02-11 19:13:51

刪除圖標，看看會發生什麼。我們可以從那裏去。 – 2013-02-11 19:15:18

我認爲你是在錯誤的軌道上這裏..

使用chromeinspect進行快速掃描顯示我爲主要內容使用了span8偏移量2（您的容器元素中的第一個元素位於＃modal-contact下方），我想你'重要的內容稍微偏右，而不是左側的標題。

我速戰速決：

消除失調，並獲得該內容與CSS樣式：

float: none; 
margin: 0 auto; /*replace 0 for top margin*/

把一個寬度和容器的潘卡暗示可能工作過，雖然你可能通過引導提供這樣鬆散的動態變化寬度... didnt檢查，所以我可能是錯的那部分

更新

另一個更新澄清

刪除以前的修復程序。在＃模式的接觸正下方的容器元素添加一個包裝DIV，不是在你頁面的頂部就像我認爲你做......

<div class="container"> 
    <div class='row'> 
     <div class="span8 offset2"> 
      blogcontent here 
     </div> 
    </div> 
<div>

woops代碼標籤在這裏失蹤

我感覺這應該做同樣的事情。我也相信標題需要相同的修復。但我不是100％肯定的，所以請試着評論它是否有效。本次更新是基於官方的文檔

如果事情不工作，忘了我的建議，堅持什麼工作

來源

2013-02-11 19:19:20 Bodybag

讓我試試這個真快。 – bryanlewis 2013-02-11 19:23:15

這工作。但現在我在平板模式下遇到問題...截圖... http://imgur.com/uyuLCSO – bryanlewis 2013-02-11 19:28:31

是根據您的需要定位的內容？還是根據需要定位標題？ – Bodybag 2013-02-11 19:30:31

您的標題沒有問題。其實你的下面的內容不居中，這是因爲不需要的div，在div.container下有類「span8 offset2 middle」的權利。由

.container { 
    width:777px; 
}

在你的CSS文件完全和壓倒一切的.container刪除該分區鉻的網頁檢查內部相同的編輯爲例修復此

enter image description here

2013-02-11 19:17:21

如果您參考下面的截圖：

screenshot

您會看到，除了圖標沒有在cen中計算的寬度外，所有內容都是完美排列的落。你顯然希望圖標有寬度。

那麼我們該怎麼做呢？

也許添加一些東西到我的標籤，像這樣：

i { 

    display: inline-block; 
    width: 14px; 
    height: 14px; 
    line-height: 14px; 
    vertical-align: text-top; 

}

UPDATE：

screenshot

以上幾點的問題的屏幕截圖。媒體查詢後，該網站進入平板電腦模式，導航關閉。現在，回去工作！

2013-02-11 19:38:27

桌面模式是。由於某種原因，它在平板電腦寬度上留下內容。我喜歡內容處於平板電腦模式的位置，並且希望儘可能使導航位置處於相同的位置。除此之外，一切都排起了長隊。 – bryanlewis 2013-02-11 19:40:03

我現在看，我會更新截圖。 – 2013-02-11 19:42:19

回答