Twitter Bootstrap의 javascript Popover가 잘못 찾고 있습니다.

Question

Bootstrap JS의 Popover (this)를 구현하려고하는데, 어떤 이유로 그것이 예상대로 나타나지 않습니다.

이 내가

당신의 팝 오버의 몸이 왼쪽으로 이동 볼 수 있듯이

받고 있어요, 국경이 좀 생겼 것입니다.

다음은이 원인을 무엇으로 내 코드

<a class="btn success" id="previewBeforeSubmit" href="#" 
data-original-title="Test" data-content="Lorem Ipsum">Save Changes</a> 

<script type="text/javascript"> 
    $("#previewBeforeSubmit").popover({position: 10, placement: 'above'}); 
</script> 

어떤 단서?

Answer 1

CSS 충돌 가능성이 큽니다. 기존의 CSS 규칙은 Popover의 속성에 속성을 추가하는 것일 수 있습니다. Firebug에서 검사를 시작하고 CSS 규칙이 어디에서 상속되었는지 확인할 수 있습니다.

Answer 2

그것은

.popover .content { 
margin: 0; 
} 

이 문제를 해결해야 추가 마진 것입니다.

Answer 3

나는 container example을 사용하고 있다고 생각합니다. 예인 경우,이 문제는 주석 행 margin: 0 -20px을 통해 해결할 수 있습니다. 그것은 다음과 같은 블록에 나타납니다

.content { 
    background-color: #fff; 
    padding: 20px; 
    margin: 0 -20px; 
    ... 
    } 

Answer 4

더 보편적 인 수정 요소에서 (그리고를 통해) CSS 규칙을 상속을 중지 요소에 data-container='body'를 추가하는 것입니다.