2 / 1 / 2
Регистрация: 29.04.2017
Сообщений: 46
1

Tooltip раздвигает элементы (bootstrap, firefox)

15.06.2017, 10:58. Показов 737. Ответов 0
Метки нет (Все метки)

В браузере Mozilla Firefox (51.0.1 32-бит) при появлении tooltip перераспределяется расстояние между элементами флексбокса. В google chrome всё в порядке. Как можно избавиться от этого эффекта?
Tooltip раздвигает элементы (bootstrap, firefox)

https://jsfiddle.net/DTcHh/33757/
HTML5
1
2
3
4
5
6
<br><br><br><br><br>
<div class="cont">
<div class="block" data-toggle="tooltip" data-placement="top" title="длинное описание длинное описание длинное описание длинное описание длинное описание "></div>
<div class="block" data-toggle="tooltip" data-placement="top" title="длинное описание длинное описание длинное описание длинное описание длинное описание "></div>
<div class="block" data-toggle="tooltip" data-placement="top" title="длинное описание длинное описание длинное описание длинное описание длинное описание "></div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
 
 
.cont {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: flex-start;
        align-content: flex-start;
        display: flex;}
       
        .block {
            display: block;
            flex-grow: 0;
            flex-shrink: 0;
            width: 100px;
            height: 100px;
            background-color: #000;
            margin: 20px;
        }
Javascript
1
2
3
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
15.06.2017, 10:58
Ответы с готовыми решениями:

Не работают tooltip bootstrap 4.3.1
Привет, помогите разобраться в проблеме с бутстраповскими подсказками (tooltip) bootstrap 4.3.1...

Bootstrap. Не работаеют классы .row .col на Firefox
Подскажите пожалуйста, в чем проблема. На браузерах Chrome и Opera DIV с классом row выстраиваются...

IE раздвигает колонку
Здравствуйте. Вот простейший код (генерирую динамически) &lt;TABLE id=&quot;tree&quot; border=&quot;1&quot;&gt; ...

Java script раздвигает фон
Вставил в таблицу скрипт случайных фразочек, но он почему то отображатся не на фоновом рисунке...

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
15.06.2017, 10:58

Bootstrap 4. Расположить элементы вертикально
Добрый день! Ребят, как сделать средствами Bootstrap 4 задумку. Есть блок, равен высоте экрана, в...

Поставить элементы в одну линию, Bootstrap
На главной странице, есть картинка и расписание (обведено border), они должны стоять в одну линию....

Расположить элементы в две колонки bootstrap 3
Здравствуйте. Я создала 6 кнопок, используя при этом сворачивание collapse. Как мне распределить их...

Bootstrap. сдвинуть меню, не сдвигая другие элементы
нужно подвинуть меню (см на рисунке 1 пункт 1) на небольшое расстояние (см на рисунке 1 пункт 2) ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru