Вопросы с меткой [bootstrap4]

Данную метку использовать во всех вопросах связанных с Bootstrap 4. Четвертая версия фреймворка от Twitter, является почти полностью переписанным Bootstrap 3. Рекомендуется использовать метку совместно с основной [bootstrap]

Фильтрация
Сортировка
Метки
-4 голоса
0 ответов
23 показа

Где находиться CDN ссылку на сброс стилей от Bootstrap? [закрыт]

Хоть кто не будь дайте ссылку на сброс стилей от Bootstrap`а. Уже стуки ищу не могу найти, это какой-то треш, не могу понять где она вообще???
Диас Самадов's user avatar
0 голосов
1 ответ
40 показов

Bootstrap при задании отступа последний блок переходит на другую строку

Проект написан на Angular, но стилей ни каких больше не подключено. Использую Boonstrap 4.5 Добавлен link <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/...
alexmntmnk's user avatar
0 голосов
1 ответ
21 показ

Карточки одинаковой высоты в Bootstrap

По заданию требуется используя сетку Bootstrap 4 создать секцию с 4 карточками одинаковой высоты с картинкой в верхней части, и кнопкой, прижатой к нижнему краю карточки. Я применил к блокам card и ...
Андрей's user avatar
0 голосов
1 ответ
13 показов

Dropdown Bootstrap'а проваливается под узлы Treeflex'а

Использую Treeflex CSS библиотеку для построения иерархического древа, а конкретно мой случай это последний кейс с Ancestor tree среди примеров. Нужно встроить bootstrap'овский dropdown во все узлы, ...
WGPavell's user avatar
  • 133
0 голосов
0 ответов
28 показов

Loader когда кнопка через функцию и внутри атрибута а

Ниже часть функции где формируется кнопка на странице. Как в таких случаях сделать простой LOADER со спиннером на кнопку? Сайт на BOOTSTRAP 4. PHP+SQL. elseif($array_btn_style[$i] !== 'text') {$...
Jandos M's user avatar
0 голосов
1 ответ
72 показа

При установленном django-crispy-forms возникает ошибка ModuleNotFoundError: no module named crispy_forms

При запуске python manage.py runserver возникает ошибка ModuleNotFoundError: No module named 'crispy_forms'. Все делал по документации. Вот мои installed_apps INSTALLED_APPS = [ 'django....
Kanagat's user avatar
0 голосов
0 ответов
10 показов

Как сдвинуть тултип левее и правее?

Использую tooltips бутстрап 4. Все работает как надо, но надо чтобы если dir страницы = rtl, то чтобы тултип немного сдвинулся левее. А если ltr, то все наоборот - чтобы сдвинулось правее. Прилагаю ...
goop51's user avatar
  • 23
0 голосов
1 ответ
42 показа

Не могу сделать спиннер в Boostrap

Проверьте пожалуйста в чём ошибка <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="...
Abubakr Shomirsaidov's user avatar
0 голосов
0 ответов
9 показов

Bootstrap Tooltips конфликтует с скроллингом в блоке

Всем привет, столкнулся с такой проблемой, что всплывающие подсказки позиционируются некорректно если у блока присутствует скролл (она не может выйти за рамки блока со скроллом, хотя позиция у ...
Archi's user avatar
  • 1
0 голосов
0 ответов
18 показов

Всплывающий контент VUE

Как можно сделать всплывающее окно при первой загрузке главной страницы, с последующим исчезновением? Оно должно быть над кнопкой и появляться не при её нажатии, а именно при первой загрузке(там будет ...
vioeke's user avatar
  • 11
0 голосов
0 ответов
40 показов

Сделать горизонтальный скролл Bootstrap 4 nav-tabs

Имеется следующий пример кода сайта на Bootstrap 4. Внизу есть панель навигации с кнопками. Панель закреплена к нижнему правому краю экрана, то есть слева должно оставаться место для изменения общей ...
Василий Шайдюк's user avatar
1 голос
0 ответов
43 показа

При прокрутке слайдера под текущим слайдом появляется следующий/предыдущий слайд, нет плавной смены слайдов. Как исправить?

На страницу добавлен слайдер при помощи Bootstrap 4. При прокрутке слайдов вперед или назад, следующий или предыдущий слайд появляется внизу под текущим, движется, исчезает и встает в сам слайдер. ...
Little Monstrik's user avatar
0 голосов
1 ответ
134 показа

Модальное окно не вызывается после нажатия кнопки

Я делаю свой первый сайт, используя Django, python и bootstrap 5, я хочу, чтобы человек нажал кнопку «send» после заполнения формы, и после этого всплывало модальное окно, в котором будет написано, ...
Lawliet's user avatar
0 голосов
0 ответов
15 показов

Не подключаеться bootstrap на линукс

Скинул стартовый шаблон бутстрап в visual code а браузер выдает ошибки подключения к серверу. Что это может быть? может что-то с серверами бутстрап? Заранее спасибо за ответ. <!doctype html&...
Дастин Гольцов's user avatar
0 голосов
1 ответ
43 показа

Вид кнопки сворачивания Меню, Бутстрап 4

Вот что у меня получается: Вот что должно получиться: Что не так? Вот мой код - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <a href="#" ...
zh l's user avatar
  • 21
0 голосов
1 ответ
94 показа

Рендеринг ajax ответа в модальное окно bootstrap на jQuery

Моя проблема в следующем: В макет циклом PHP выводится список записей к мастерам. У каждого мастера свои рабочие дни и график работы. Под каждой записью кнопка "изменить время записи". По ...
Владимир Кубанский's user avatar
0 голосов
1 ответ
42 показа

Почему часть блока убегает на другую сторону? (css)

.greed-wrapper { columns: 2; column-gap: 0px; display: inline-block; } <div class="row greed-wrapper"> <div class="wrapper-menu-category"></div> &...
Neon Vybes's user avatar
0 голосов
1 ответ
24 показа

Bootstrap 4. Как на несколько размеров экранов поставить invisible?

Bootstrap 4 - версия которую я использую. У меня есть два изображения. Первое и второе правильно отображается на md, lg и xl. Как мне задать класс div, что-бы фотографии не отображались на типах xs и ...
justjava_11's user avatar
0 голосов
1 ответ
58 показов

Как сделать чтобы при масштабировании страница оставалась по центру?

Задний фон на 1920рх. При увеличении основной контейнер смещается в сторону. При 100% масштабе получается что страница выравнивается от заднего фона. При меньшем масштабе получается по центру. <div ...
Rustam Bagirov's user avatar
1 голос
1 ответ
70 показов

Как выровнять слайд в карусельке по центру страницы

Для создания карусельки я использовала bootstrap. <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel"> ...
Yulia's user avatar
  • 119
1 голос
1 ответ
146 показов

Не открывается модальное окно Bootstarp 4

Использую стандартный код Bootstrap 4. На одном сайте работает, на другом нет. В чем может быть причина? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &...
Queid Low's user avatar
1 голос
1 ответ
46 показов

Bootstrap v4.6.0. dropdown-toggle съезжает под ссылку пункта меню. Почему?

В одном из пунктов навбара необходимо выводить подменю. Добавляю в class="nav-link dropdown-toggle" В результате получаю Как выводить dropdown-toggle справа от пункта меню? Вот так: <li ...
Queid Low's user avatar
0 голосов
1 ответ
21 показ

Адаптация строк BootsTrap [закрыт]

Есть 12 блоков по 4 в ряд, как сделать, чтобы при уменьшении экрана последний блок переносился в следующий row, а не создавал новый, т.е. чтобы было по 3 в ряд и последний элемент прыгал в следующий ...
Дмитрий's user avatar
0 голосов
1 ответ
44 показа

Bootstrap не работает при отправке mail

Есть код: https://jsfiddle. net/9ndtqbay/. При отправки mail он не работает т.е выводится как есть: Как это исправить?
elePHPant's user avatar
0 голосов
1 ответ
39 показов

Как правильно вывести табы из бд?

У меня есть табы созданные с помощью bootstrap. Я хочу что бы количество табов зависело от того сколько я добавил в бд. Я добавил таблицу в бд с id и tabs то есть название таба. У меня все табы ...
FANTIK's user avatar
  • 3
0 голосов
1 ответ
42 показа

Как сделать горизонтально-вертикальную форму в Bootstrap 4?

Пытаюсь сделать форму в виде: Пытаюсь написать так: <form> <div class="form-row"> <div class="form-group col-md-6"> <label for="question" ...
freshITmeat's user avatar
0 голосов
1 ответ
69 показов

jquery bootstrap modal не отображаются картинки в svg при подгрузке

Есть два модальных окна на bootstrap 4 для разных целей. В них подгружается код с svg из разных источников. В источниках выдается такого рода код : ... echo json_encode([ 'title'=>$th1->...
Anton Kuzmich's user avatar
0 голосов
0 ответов
34 показа

Представления Views проекта C# asp net core сверстанные с помощью bootstrap 4 некорректно отображаются в мобильных

Есть проект C# asp net core mvc, представления в нем .cshtml стандартно сверстаны с помощью bootstrap 4. В браузере в режиме разработчика мобильной версии меню сайта работает открывается: Но когда ...
Vlad-i-mir's user avatar
0 голосов
0 ответов
345 показов

Не работает бургер бутстрап 4

Появляется бургег при клике не открывается меню. Делал по документации бутстрапа. В чем проблема не могу понять. (Bootstrap 4) Подключение bootstrap header <link rel="stylesheet" href=&...
Daniil's user avatar
  • 53
0 голосов
1 ответ
175 показов

Проблема Bootstrap Tabs, почему вкладки переходят на новую строку и не переключаются обратно?

Пытался создать вкладки на Bootstrap 4, первая вкладка не перестаёт висеть даже при переключении, остальные вкладки при переключении дальше сдвигаются на одну строку ниже, и к тому же вкладки не ...
Unknown Error's user avatar
0 голосов
1 ответ
55 показов

Как в Bootstrap 4 сделать такую разметку колонок?

Добрый день, подскажите пожалуйста как в бутстрапе 4 сделать подобное? проблема заключается в колонках 2 и 3, ума не приложу как сделать в десктопной версии их горизонтальными а в мобильной ...
Денис Линник's user avatar
1 голос
0 ответов
19 показов

Странное поведение колонок bootstrap

Имеется dropdown, при наведении на участок хедера с этим самым dropdown появляется белое простраство, как-будто элемент выше, чем на самом деле, уже все перепробовал все, что угодно, ничего не ...
Anfieldy's user avatar
  • 103
0 голосов
1 ответ
49 показов

Индикаторы Карусели Bootstrap 4

Коллеги. Не подключаются индикаторы в Карусели Bootstrap 4. Не могу понять причину. Диспетчер показывает, что они есть в документе, но к ним не применены стили, все по нолям, применяю стили, ...
Артем Н's user avatar
0 голосов
1 ответ
122 показа

Не работает выпадающее меню, при уменьшении разрешения экрана

Только начал разбираться с bootstrap и наткнулся на проблему с не работающим выпадающим списком при уменьшении разрешения экрана. Я так подозреваю ошибка у меня скрывается в не правильном подключении ...
Xybyyn's user avatar
  • 301
0 голосов
1 ответ
26 показов

Вопрос по Bootstrap или по CSS

Вопрос заключается в том что сетку то есть Grid не действует padding контейнера, как это исправить, Например на заголовку действует а сетку не действует, помогите пожалуйста Внизу код <!DOCTYPE ...
Bahodir Bahodir's user avatar
0 голосов
1 ответ
29 показов

Как в bootsrap 4 удалить все breakpoint?

Как удалить вообще все breakpoints из Bootstrap 4. Например, в стандартной сборке есть классы "col", "col-xs", "col-sm" и т.д. Из них мне нужен только один "col&...
stackoff's user avatar
0 голосов
0 ответов
50 показов

Неправильное отображение элемента из css с использованием bootstrap на телефоне

Необходимо для собственных нужд сделать небольшую веб морду. И поверх картинки наложить текст. Для пк версии написал небольшой кусок который накладывает по верх картинки текст но при открытии с ...
jNX's user avatar
  • 481
0 голосов
0 ответов
194 показа

Как сделать отдинаковый отступ между колонками и краем экрана в Bootstrap?

Хочу сделать отступ между колонками. Чтобы он был таким же по ширине, как отступы от краёв экрана до колонок. Это в случае когда колонки помещаются по ширине экрана. После того, как экран становится ...
stackoff's user avatar
0 голосов
1 ответ
38 показов

Как сделать кнопки разной высоты в тулбаре bootstrap4

При переходе с bootstrap 3 на bootstrap 4 возникла, некоторая проблема, а именно, в 3ей версии, несколько кнопок разного размера обёрнуты в тулбар. В 4й версии, все кнопки в тулбаре автоматически ...
vladimirch's user avatar
-2 голоса
1 ответ
42 показа

Position Absolute в Bootstrap?

Здесь на макете я вывел блок upline поверх parentline и прижал к верху через стиль css. Существует для этого встроенный метод в Bootstrap 4? Я не нашел к мурзилке. .upline { z-index: 1100; ...
GreenX5's user avatar
  • 75
0 голосов
1 ответ
117 показов

Яндекс Карты по координатам в модальном окне

Почему функция ymaps не видит координаты? Пример jQuery: ymaps.ready(init); var lat = $(this).data('LA'); var long = $(this).data('LO'); function init (lat, long) { var myMap =...
Timur R's user avatar
0 голосов
1 ответ
40 показов

Непонятный отступ в шапке сайта

В шапке сайта образовался непонятный отступ при верстке сайта, помогите, пожалуйста. HTML html, body { width: 100%; height: 100%; } header { width: 100%; height: 100%; background-size: ...
No namep's user avatar
0 голосов
1 ответ
37 показов

Как в bootstrap отключить изменение порядка следования адаптивных блоков

Делаю сайт на Joomla. Шаблон Helix3. Нужно, чтобы на мониторах с шириной 600px и 800px сайт выглядел также как и на больших мониторах (1920х1080 и выше). А из-за Bootstrap он складывается. Блоки ...
Дмитрий Николаенко's user avatar
0 голосов
1 ответ
219 показов

Изменить текст кнопки в html в input type="file (Bootstrap4)

Есть форма. Принимает файлы. Используется bootstap4. По стандарту в стилях написано Choose file справа от кнопки надпись No file chosen. Я не могу поменять, как поменять данный текст. И стили тыкал ...
John Doe's user avatar
0 голосов
1 ответ
67 показов

Оцените верстку шаблона [закрыт]

Начал заниматься версткой месяца 2 назад, поэтому не совсем разбираюсь, насколько правильно сделана верстка и написан код, так что нужно, чтобы разбирающиеся люди помогли советом. https://valeri-afk....
Valeri's user avatar
  • 11
0 голосов
0 ответов
44 показа

как написать media в перевернутом виде в bootstrap 4?

как написать media в перевернутом виде в bootstrap 4? col-12 col-sm-6 col-md-3 так сделал но sm в перевернутом виде не поддерживает
Distefano Vokadna's user avatar
0 голосов
2 ответа
372 показа

Как убрать границу одного элемента в бутстрапе

Есть корзина, которая построена на таблице bootstrap. Один элемент выходит за ее поля и к нему дорисовывается верхняя граница, она тоньше чем та, что у других элементов. Хочу убрать ее у элемента ...
Hi_TecH's user avatar
  • 422
0 голосов
1 ответ
21 показ

Hidden bootstrap 4

Подскажите как на bootstrap 4 реализовать аналог class="hidden-xs hidden-sm" как на bootstrap 3
Федотов's user avatar
0 голосов
1 ответ
383 показа

Выравнивание размера изображений в карусели по вертикали

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></...
Павел Петров's user avatar
0 голосов
0 ответов
122 показа

Использование bootstrap-datepicker и Inputmask

Для верстки формы ввода решил использовать bootstrap 4 + bootstrap-datepicker + Inputmask. В принципе, все получилось как хотел. Но один функционал все же работает не так, как надо. А именно... Если я ...
Majestio's user avatar
  • 5,005