2014-01-31 27 views
0

我不知道我做了什麼,但是我將標題和導航欄右移,或者將頁面的其餘部分移到左側。使用tw bootstrap。我無法弄清楚。我已經開火了,仔細觀察了我的css編輯,沒有看到任何負面利潤率(我懷疑是這樣)。用於對齊頁面元素的Css調整?

http://skeeterz71.com/auto

如果有人能幫助我,我將不勝感激。應該顯示的是標題徽標和頂部導航欄,頁面的其餘部分應該在頁面的右側排列在左側和頂部導航欄右側。

感謝 牛逼

+0

嗨我很難搞清楚你想要什麼(佈局) – Lukas

+0

如果你看看徽標和導航欄(全屏)你會看到它縮進了一些與左邊相比的地方的汽車圖片就在它下面..我需要徽標,導航欄和汽車照片的左邊緣排列在一起。我希望我能夠澄清這一點。謝謝 – Skeeter

回答

0

我不完全知道什麼是你想要實現的,但是從我猜測,添加這些CSS改變可能會幫助:

.span12 { 
    margin-left: 0; 
} 

.span6 { 
width: auto; 
} 

#social-wrapper { 
float: right; 
} 

ul.nav.pull-left { 
margin: auto; 
width: 100%; 
} 

.topNavRow { 
margin-left: 0; 
margin-right: -11.5%; 
} 


@media (max-width: 1200px) { 
    .topNavRow { 
     margin-left: 0; 
     margin-right: -8.5%; 
    } 
} 

(你可以只需將該樣式添加到Main.css) - 如果這有幫助:)

+0

嗨,它幾乎工作。我的標誌離開左邊緣,社交按鈕從右邊緣拉開。我相信跨度6。但是,我認爲這些實際上最初是在正確的位置。這是下面的一切似乎都拉到左邊。如果您注意到該頁面未在瀏覽器中居中,那麼在添加此編輯之前,頁眉和導航欄位於該位置。 – Skeeter

+0

我不好,我忘了上傳更改 – Skeeter

+0

哦,但是我建議在包含標識和社交按鈕的行上放一個Class,並給它下面的邊距:margin-left:0px; 保證金率:-11.5%; 然後只需添加1200px的媒體標籤以再次調整右側邊距 哦!你可能想添加ul.nav.pull-left {margin:auto; left;}; 寬度:100%; } – Lukas