2013-07-03 60 views
0

這是我第一次嘗試twitter bootstrap和css網格。如何刪除Twitter Responsive Bootstrap保證金?

我用了基本的營銷網站作爲我的樣本HTML標記,並在.hero-unitdiv.container外頂部增加了一個頭/標誌框,因爲我希望能夠使用網頁的寬度爲100%所有的大小。

這是我的標題標誌標記。

<header id="logo" class="logo-box"> 
    <div class="logo-container"> 
    <h1>Logo</h1> 
    <p>Lorem ipsum</p> 
    </div> 
</header> 

我怎麼會移除頂部的黑盒子的邊緣,左,右?順便說一句,我使用bootstrap-responsive.css。我應該爲新標記制定一個新的規則,還是有一個跨度或行類,我可以在bootstrap.css中包含標記標記和跨越/行的樣式。

圖片鏈接將顯示我想要刪除的徽標框和邊距。

Image

在此先感謝。

回答

0

爲什麼不在背景中使用圖像?就像它已經在這裏使用:http://twitter.github.io/bootstrap/jumbotron類。

background: linear-gradient(45deg, #020031 0%,#6d3353 100%);你當然可以在這裏得到你的形象。儘管我會在這裏發佈更多的代碼。使用chrome devtools從bootstrap的主頁學習更多。

+0

對不起,我沒有得到你的答案,但你建議只使用圖像,而不是backounrd顏色屬性?謝謝。 –

+0

我不知道你的'logo' id和'logo-container'是如何設置的,風格明智。如果你把你的CSS屬性在線,這會很有幫助。我建議查看引導程序主頁的代碼並將其複製到您的站點。 – 2013-07-03 17:07:48