부트 스트랩 4 테더 배치

Question

부트 스트랩 4 tether.js를 위치로 사용하지만 4 개 위치, "상단" "우측" "하단" "왼쪽"만 지원합니다. 어떻게 테더가 12 개를 지원하는지 더 많은 옵션으로 확장 할 수 있습니까? ? 예 : "왼쪽 상단"또는 "오른쪽 상단"

Answer 1

부트 스트랩은 4 placement options 만 허용합니다 - 열어서 github issue을 확인하십시오. 밧줄이 도움이되지 않습니다 부트 스트랩 툴팁을 사용하여, 그래서 12

지원한다

는 현재, 4 배치 옵션을 지원 부트 스트랩,하지만 당신은 항상 tether.js를 사용하거나이 tooltip.js을합니다.

new Tooltip({ 
 
    target: document.getElementById('foobar'), 
 
    position: 'right middle', 
 
    content: '<div id="foo">bar</div>', 
 
});

#foo{ 
 
    background-color: black; 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/tether-tooltip/1.2.0/css/tooltip-theme-arrows.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.2/js/tether.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether-drop/1.4.2/js/drop.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether-tooltip/1.2.0/js/tooltip.min.js"></script> 
 

 
<a href=# id="foobar">I'm a link!</a>

이 the fiddle