부트 스트랩 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 함께 할 수있는 뭔가가 당신이 그 색상을 변경해야하는 경우