Bootstrap 4 с использованием tether.js как для позиций, однако он поддерживает только 4 позиции, «сверху» «справа» «снизу» «влево», как я могу расширить до большего количества опций, которые поддерживают 12 из них ? Например, «верхний левый» или «верхний правый»Bootstrap 4 привязки троса
1
A
ответ
0
Кажется, что ботстрап принимает только 4 placement options - проверьте открывание github issue.
В настоящее время самонастройки поддерживает только 4 варианты размещения, в то время как фал поддерживает 12.
Таким образом, используя бутстрэпы подсказки не поможет, но вы всегда можете использовать tether.js или это tooltip.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
Смежные вопросы
- 1. Как добавить Bootstrap 4 без троса?
- 2. Настройка привязки троса для работы с [email protected]
- 3. Bootstrap способ привязки
- 4. Использование троса с webpack (Угловой CLI)
- 5. ASP.NET AJAX 4 привязки помощь
- 6. MVC 4 Ajax.BeginForm привязки сетки
- 7. Eclipse 4 плагины - привязки клавиш
- 8. Bootstrap 4 - миграция глификонов?
- 9. Bootstrap 4 grid «cube»
- 10. Bootstrap 4 flexbox error
- 11. Rails 4 добавление Bootstrap
- 12. Bootstrap 4 начала работы
- 13. Bootstrap 4 - JavaScript cus
- 14. Bootstrap 4 свернутый Navbar
- 15. Rails 4 - слайдер bootstrap
- 16. Bootstrap 4 Шрифт Awesome
- 17. Bootstrap 4 перезапись правило
- 18. Bootstrap 4 кнопка переключения
- 19. bootstrap 4 styled select
- 20. Bootstrap 4 Group карты
- 21. Настройка Bootstrap 4 CSS
- 22. Перенести в Bootstrap 4 из Bootstrap 3?
- 23. Bootstrap 3 vs Bootstrap 4 отрисовка шрифта
- 24. Угловой 2 Bootstrap 4 и ng-bootstrap
- 25. Rails 4 + Bootstrap 4 Кнопки выпуска
- 26. Bootstrap 4 выравнивая плавает без clearfix
- 27. Как включить bootstrap 4 flex?
- 28. Bootstrap 4 Отзывчивое Navbar Alignment
- 29. Bootstrap 4 alpha5 carousel fade
- 30. Bootstrap 4 Dropdown не работает
как вы используете его на начальной загрузки? это возвращает ошибку. –
Обратите внимание, что Bootstrap [удаляется от Tether] (https://github.com/twbs/bootstrap/pull/22444), с новой реализацией. Я [поднял вашу проблему] (https://github.com/twbs/bootstrap/pull/22444#issuecomment-296376275) в относительном PR. –