부트 스트랩 Popover에 CSS 적용하기

Question

나는 popover를 만들고 있는데 CSS를 적용하고 싶지만 내 CSS는 무시됩니다. 그 이유는 무엇일까요?

JS는 팝 오버에 대한 마크 업을 다음 만듭니다 :

<div class="popover fade bottom in" style="top: 24px; left: 461.281px; display: block;"> 
    <div class="arrow"></div> 
    <h3 class="popover-title" style="display: none;"></h3> 
     <div class="popover-content">Phone</div> 
</div> 

기본 스타일은 다음과 같습니다

element.style{ 
    top: 24px; 
    left: 461.281px; 
    display: block; 
} 

내 CSS :

<style> 
    .popover{ 
     left: 580px; 
    } 
</style> 

내가 CSS를 덮어 쓸 수 없습니다 ?

Answer 1

!important을 사용해야합니다. 인라인 스타일이 우선 순위를 가지므로 !important 없이는 재정의 할 수 없으므로 !important을 사용해야합니다.

.popover { 
    left: 580px!important; 
} 

Answer 2

좋은 연습으로 간주되지 않습니다 중요하여, 오히려 그것에게 ID와 스타일을 제공합니다.

<div id="popover" class="popover fade bottom in" style="top: 24px; left: 461.281px; 
display: block;"> 

<style> 
#popover{ 
    left: 580px; 
} 
</style>