부트 스트랩 팝업 위치 지정

"오른쪽 중간"대신 "오른쪽 하단"에 부트 스트랩 팝업을 정렬하는 방법이 있습니까? 동적이어야합니다.부트 스트랩 팝업 위치 지정

<a href="#" id="example" rel="popover" data-placement="right" data-content="Header" data-original-title="Text">pop</a>

감사 표준 코드를 확인할 수 있습니다.

2017-12-08 FrontDev

질문은 다른 독자들에게 유용하지합니다. See : 최소한의 완전하고 검증 가능한 예제를 만드는 방법. –

@ColinCline이 의견을 보내 주셔서 감사합니다. 그러나 어떤 부분이 명확하지 않습니까? 필요한 것은 부트 스트랩 팝 오버의 고급 위치입니다. – FrontDev

링크에 액세스 할 수 없습니다. 그래서 정확한 정답을 얻으려면 여기에 코드를 추가해야합니다 (SO 규칙 기반) –

당신은 당신이 원하는 것을 달성하기 위해 부트 스트랩 팝 오버의 CSS를 재정의해야 :

.popover { 
    margin-top: -20px; 
} 

.popover.right .arrow { 
    margin-top: 8px; 
}

검사에게 다음과 바이올린 : 명확한 문제 설명없이

2017-12-08 03:28:27 Mindless

콘텐츠의 높이가 커지면 어떨까요? -1 –

나는 popover 상자를 오버라이드하고있다. 상자 안에는 아무것도 없습니다. – Mindless

그것은 단지 예일뿐입니다. OP는 그림에 나오는 것을 달성하고 싶습니다. 그는 언제나 중간에 있지 않고 바닥에 항상 자리 잡고 싶어했습니다. 귀하의 예제에서 당신이 중간에 결국 될 팝업에 추가 콘텐츠를 추가하는 경우. –

답변