Bootstrap Grid 레이아웃 숙제 hr태그 색상 질문드려요

[장유현]

 

이미지 밑에 각각 다른 색상의 선들을 

 

hr{
border-top: 3px solid;
border-radius: 30px;
width: 30%;
margin: auto;
}

 

이렇게 하고 hr 각각 태그에 클래스를 색상 이름으로 주고

css에서 색상을 적용하면 색이 다르게 나오는데 해결 방법이 뭐가 있을까요?

hr을 사용해서 해보려고 했었는데... ㅠㅠ 

[codingapple]

border-top: 3px solid blue;

이러면 파란 hr 태그가 보일걸요 

근데 bootstrap이 스타일을 덮어쓰고 있을 수 있어서

크롬 개발자도구에서 어떤 클래스명이 우선적용되는지 확인해보면 됩니다 

[글쓴이]

글