Блог

Главная - Вопросы по программированию - Bootstrap 3 — подсказка по изменению контейнера данных пользовательский css

Bootstrap 3 — подсказка по изменению контейнера данных пользовательский css

#html #css #twitter-bootstrap-3 #tooltip

#HTML #css #twitter-bootstrap-3 #всплывающая подсказка

Вопрос:

У меня есть пользовательский css для конкретной всплывающей подсказки с использованием Bootstrap 3, и чтобы избежать проблем при рендеринге, мне пришлось поместить data-container="body" атрибут. Исправлена проблема с рендерингом, но мой css больше не работает. Моя проблема здесь конкретно в правильном выборе css, чтобы заставить мой css снова работать.

Элемент HTML является

 <i data-toggle="tooltip" title="${item}" data-placement="top" class="custom-tooltip material-icons" data-container="body">insert_comment</i>

Мой оригинальный CSS:

 .custom-tooltip   .tooltip > .tooltip-inner {
    //My changes
}

Я пробовал .custom-tooltip[data-container="body"] .tooltip > .tooltip-inner , [data-container="body"].custom-tooltip .tooltip > .tooltip-inner но не работает. Я знаю, что это очень простой вопрос, но я застрял. Я действительно ценю любую помощь.

Комментарии:

1. Где .tooltip > .tooltip-inner HTML?

2. Любопытно, что здесь это работает. У вас произошел какой-то конфликт или превышение. .пользовательская подсказка .всплывающая подсказка > .всплывающая подсказка-внутренняя {цвет: #f00;} jsfiddle.net/ckxSs/16

3. Похоже, что у popover немного больше функциональности, вы могли бы это проверить. getbootstrap.com/docs/4.0/components/popovers

4. @m4n0 Bootstrap add .tooltip-внутренний сам по себе

5. Я не думаю, что контейнер данных можно использовать во всплывающей подсказке, поэтому я предлагаю использовать popover и модифицировать его в соответствии с вашим контентом.