@qo_0p

Как убрать стрелку у bootstrap popover который всплывает при наведении на ссылку?

Есть bootstrap popover всплывающий при наведении на ссылку, как убрать у него arrow?
Кроме того этот popover задуман как выпадающее меню, появляющееся при наведении на элемент списка. То есть нужно чтобы он не пропадал когда курсор уходит с элемента списка на него.

UPD:
HTML
<a href='#' rel='popover' data-popover-content='#myPopover' data-placement='bottom'> Peoples </a>


POPOVER
<style>
    #myPopover li {
        list-style-type: none;
        /* Убираем маркеры */
    }
    
    #myPopover ul {
        margin-left: 0;
        /* Отступ слева в браузере IE и Opera */
        padding-left: 0;
        /* Отступ слева в браузере Firefox, Safari, Chrome */
    }
</style>

<div id="myPopover" class="hide">
    <ul>
        <li>Person 1</li>
        <li>Person 2</li>
        <li>Other person</li>
    </ul>
    <a href='#'>Invite New Member</a>
</div>


JAVASCRIPT
$.noConflict();
    $(function () {
        $('[rel="popover"]').popover({
            container: 'body',
            html: true,
            content: function () {
                var clone = $($(this).data('popover-content')).clone(true).removeClass('hide');
                return clone;
            }
        }).click(function (e) {
            e.preventDefault();
        });
    });


UPD:
https://jsfiddle.net/tanzt19L/
  • Вопрос задан
  • 1008 просмотров
Решения вопроса 1
@chirskiy_mixail
Очень давно занимаюсь версткой, имею огромный опыт
Пример выложите
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы