引導程序3造型嘗試不起作用

Question

以下是相關jsFiddle與完整的代碼示例。

我想：

• 變化的頁腳<hr/>但是我的造型規則似乎，不工作的顏色;和
• 找出原因，如果你打破了首頁輸出到全屏，出現的頁面過於廣泛，以及瀏覽器您呈現一個水平滾動條

我的CSS規則來上色<hr/>是：

hr { 
    color: rgb(255,0,0); 
} 

至於爲什麼頁面太寬，我完全沒有想法。任何想法爲什麼我在這裏嘗試不工作？

Answer 1

的hr標籤使用屬性border設置線...如果你需要更改顏色，然後使用：

邊框頂部顏色

試試這個：

footer hr { 
    border-top-color:blue; 
} 

的DemoFiddle

而頁面上的滾動條是因爲你打破了頁腳absolute position的佈局。 http://jsfiddle.net/7j9q1ye4/2/

Answer 2

HR會覆蓋整個Div，因此它取決於div的大小， 如果HR所在的div的寬度超過整個頁面範圍，那麼HR將執行相同操作。它有可能是與其中HR是站在DIV