Контур стрелки всплывающего окна Bootstrap 4
Я нашел 100 разных ответов на этот вопрос, но, похоже, ни один из них не работает. Я пытаюсь избавиться от контура на стрелке всплывающего окна Bootstrap 4. Я перепробовал все возможные псевдо-цели. Я использую нижнее всплывающее окно. Любая помощь очень ценится.
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
0
1 380
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Ответ принят как подходящий
Можете ли вы попробовать следующее. По крайней мере, он работает на их сайте.
.popover .arrow::before {
border-bottom-color: white; /* might need to add !important */
}
$(function () {
$('[data-toggle = "popover"]').popover()
}).popover .arrow::before {
border-bottom-color: white !important;
}<link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity = "sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin = "anonymous">
<button type = "button" class = "btn btn-secondary" data-container = "body" data-toggle = "popover" data-placement = "bottom" data-content = "Vivamus
sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on bottom
</button>
<script src = "https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity = "sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin = "anonymous"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity = "sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin = "anonymous"></script>
<script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity = "sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin = "anonymous"></script>Это должно работать:
.popover .arrow:before {
border-color: transparent;
}
Или, если вы используете переменные начальной загрузки:
$popover-arrow-outer-color: transparent;
Другие вопросы по теме
Начальная неделя Bootstrap 4 DateTimePicker в понедельник
Как выровнять кнопки независимо от того, как меняется содержимое предыдущих элементов?
Динамически переупорядочивать столбцы на основе содержимого ввода в начальной загрузке
Центрировать марку навигационной панели на маленьком экране
Как вызвать угловой компонент вне тела
Как сделать h3 и <hr> встроенными, или как оформить после заголовка горизонтальную линию
Подменю во всю ширину с Уровнем 2 и Уровнем 3
Bootstrap 4.1 карусельный эффект адаптивного изображения
JQuery карусели bootstrap 4 не работает должным образом
Сохранение изображения с определенной шириной / высотой отзывчивым
Похожие вопросы
Формирование с помощью CSS в IE11
Как удалить "position: absolute" из компонента mydaterangepicker Angular5?
Jimdo: остановить анимацию, когда песня SoundCloud-Player закончилась
Использование :: after в заголовке H2 для отображения стрелки «вверх» для возврата в верхнюю часть страницы. Как мне сделать так, чтобы при щелчке он ссылался на <a name=>?
Как поставить стрелки в Совиной карусели?
Фиксированный нижний колонтитул закрывает контент на странице
Начальная неделя Bootstrap 4 DateTimePicker в понедельник
Пробел над клавиатурой на iOS
Как выровнять кнопки независимо от того, как меняется содержимое предыдущих элементов?
Гибкая пленка не работает с контейнером фиксированной ширины
Да! Фактически это комбинация этих двух ответов ... .bs-popover-auto [x-Размещение ^ = дно] .arrow :: before, .bs-popover-bottom .arrow :: before {border-color: transparent; цвет нижней границы: белый; }