ановил бета-версию bootstrap v4 и вместе с ней библиотеку popper.js (tooltip.js). Я пытаюсь использовать функцию всплывающей подсказки. Так что мне удалось заставить его появиться, но я не могу изменить его внешний вид / стиль для моей жизни. Я просмотрел их документацию несколько раз, но не могу понять. (Я просто ненавижу так называемую «документацию», в которой нет примеров). Так вот мой HTML:

<span data-toggle="tooltip" data-placement="right" title="Tooltip on right">Simple Task Management</span>

Я активировал его при переключении данных в js:

$(function() {
    $('[data-toggle="tooltip"]').tooltip()
})

Я заметил, что когда появляется всплывающая подсказка, создается новый div с классом «tooltip ...», поэтому я подумал, что могу нацелиться на этот класс и стилизовать его в своем scss, так:

.tooltip {
    background-color: #DB2828;
    color: $green;  
}

Не мои предполагаемые варианты стилей, просто протестированы, чтобы увидеть, как это работает ... хорошо, результат:

Тот же черный фон с моим тестовым фоном за ним ... может кто-нибудь помочь мне разобраться? Большое спасибо.