Вопросы с меткой [bootstrap4]
Данную метку использовать во всех вопросах связанных с Bootstrap 4. Четвертая версия фреймворка от Twitter, является почти полностью переписанным Bootstrap 3. Рекомендуется использовать метку совместно с основной [bootstrap]
242
вопроса
0
голосов
0
ответов
10
показов
Bootstrap не выводит ровно ссылки карточек в цикле
В моем html-файле ссылки в виде кнопок не хотят ровно снизу располагаться
<div class="container">
<div class="card-deck mt-4">
<div class="col-lg-4 ...
0
голосов
0
ответов
5
показов
Не подключаеться bootstrap на линукс
Скинул стартовый шаблон бутстрап в visual code а браузер выдает ошибки подключения к серверу. Что это может быть? может что-то с серверами бутстрап? Заранее спасибо за ответ.
<!doctype html&...
0
голосов
0
ответов
6
показов
Почему owl carousel неправильно работает в bootstratp modal
Пытаюсь в модальном окошке сделать слайдер.
Вот результат
$('.new_ooo').owlCarousel({
items: 1,
nav: true
});
Не понимаю почему не прячем второй слайдер пока открыт первый.
При листании оно ...
0
голосов
1
ответ
19
показов
Вид кнопки сворачивания Меню, Бутстрап 4
Вот что у меня получается:
Вот что должно получиться:
Что не так?
Вот мой код -
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a href="#" ...
0
голосов
1
ответ
35
показов
Рендеринг ajax ответа в модальное окно bootstrap на jQuery
Моя проблема в следующем: В макет циклом PHP выводится список записей к мастерам. У каждого мастера свои рабочие дни и график работы. Под каждой записью кнопка "изменить время записи". По ...
0
голосов
1
ответ
29
показов
Почему часть блока убегает на другую сторону? (css)
.greed-wrapper {
columns: 2;
column-gap: 0px;
display: inline-block;
}
<div class="row greed-wrapper">
<div class="wrapper-menu-category"></div>
&...
0
голосов
1
ответ
24
показа
Bootstrap 4. Как на несколько размеров экранов поставить invisible?
Bootstrap 4 - версия которую я использую.
У меня есть два изображения. Первое и второе правильно отображается на md, lg и xl.
Как мне задать класс div, что-бы фотографии не отображались на типах xs и ...
0
голосов
0
ответов
20
показов
Jquery - необходимо показывать кнопку сбосить фильтр для каждого фильтра отдельно
помогите пожалуйста кодом
Нужно показывать кнопку сброисить фильтр для каждого блок-фильтра отдельно
Есть кнопка Сбросить с классом .clear
Если мы нажимаем на как блок фильтр и получаем checked - ...
0
голосов
0
ответов
14
показов
Bootstrap Конструктор нужных элементов
Подскажите, пожалуйста где можно сделать сборку нужных элементов из фреймворка Bootstrap v4.5.3 ?
Предположим, мне необходима только сетка, и navbar.... Когда-то видел, что делали такой конструктор ...
0
голосов
1
ответ
48
показов
Как сделать чтобы при масштабировании страница оставалась по центру?
Задний фон на 1920рх. При увеличении основной контейнер смещается в сторону. При 100% масштабе получается что страница выравнивается от заднего фона. При меньшем масштабе получается по центру.
<div ...
1
голос
1
ответ
20
показов
Как выровнять слайд в карусельке по центру страницы
Для создания карусельки я использовала bootstrap.
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
...
1
голос
1
ответ
129
показов
Не открывается модальное окно Bootstarp 4
Использую стандартный код Bootstrap 4. На одном сайте работает, на другом нет. В чем может быть причина?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
&...
1
голос
1
ответ
28
показов
Bootstrap v4.6.0. dropdown-toggle съезжает под ссылку пункта меню. Почему?
В одном из пунктов навбара необходимо выводить подменю. Добавляю в class="nav-link dropdown-toggle"
В результате получаю
Как выводить dropdown-toggle справа от пункта меню? Вот так:
<li ...
0
голосов
1
ответ
20
показов
Адаптация строк BootsTrap [закрыт]
Есть 12 блоков по 4 в ряд, как сделать, чтобы при уменьшении экрана последний блок переносился в следующий row, а не создавал новый, т.е. чтобы было по 3 в ряд и последний элемент прыгал в следующий ...
0
голосов
1
ответ
35
показов
Bootstrap не работает при отправке mail
Есть код: https://jsfiddle. net/9ndtqbay/. При отправки mail он не работает т.е выводится как есть:
Как это исправить?
0
голосов
1
ответ
31
показ
Как правильно вывести табы из бд?
У меня есть табы созданные с помощью bootstrap.
Я хочу что бы количество табов зависело от того сколько я добавил в бд. Я добавил таблицу в бд
с id и tabs то есть название таба.
У меня все табы ...
0
голосов
1
ответ
22
показа
Как сделать горизонтально-вертикальную форму в Bootstrap 4?
Пытаюсь сделать форму в виде:
Пытаюсь написать так:
<form>
<div class="form-row">
<div class="form-group col-md-6">
<label for="question" ...
0
голосов
1
ответ
29
показов
jquery bootstrap modal не отображаются картинки в svg при подгрузке
Есть два модальных окна на bootstrap 4 для разных целей. В них подгружается код с svg из разных источников. В источниках выдается такого рода код :
...
echo json_encode([
'title'=>$th1->...
0
голосов
0
ответов
23
показа
Представления Views проекта C# asp net core сверстанные с помощью bootstrap 4 некорректно отображаются в мобильных
Есть проект C# asp net core mvc, представления в нем .cshtml стандартно сверстаны с помощью bootstrap 4.
В браузере в режиме разработчика мобильной версии меню сайта работает открывается:
Но когда ...
0
голосов
0
ответов
187
показов
Не работает бургер бутстрап 4
Появляется бургег при клике не открывается меню. Делал по документации бутстрапа. В чем проблема не могу понять.
(Bootstrap 4)
Подключение bootstrap
header
<link rel="stylesheet" href=&...
0
голосов
1
ответ
83
показа
Проблема Bootstrap Tabs, почему вкладки переходят на новую строку и не переключаются обратно?
Пытался создать вкладки на Bootstrap 4, первая вкладка не перестаёт висеть даже при переключении, остальные вкладки при переключении дальше сдвигаются на одну строку ниже, и к тому же вкладки не ...
0
голосов
1
ответ
26
показов
Как в Bootstrap 4 сделать такую разметку колонок?
Добрый день, подскажите пожалуйста как в бутстрапе 4 сделать подобное? проблема заключается в колонках 2 и 3, ума не приложу как сделать в десктопной версии их горизонтальными а в мобильной ...
1
голос
0
ответов
18
показов
Странное поведение колонок bootstrap
Имеется dropdown, при наведении на участок хедера с этим самым dropdown появляется белое простраство, как-будто элемент выше, чем на самом деле, уже все перепробовал все, что угодно, ничего не ...
0
голосов
1
ответ
40
показов
Индикаторы Карусели Bootstrap 4
Коллеги.
Не подключаются индикаторы в Карусели Bootstrap 4. Не могу понять причину. Диспетчер показывает, что они есть в документе, но к ним не применены стили, все по нолям, применяю стили, ...
0
голосов
1
ответ
59
показов
Не работает выпадающее меню, при уменьшении разрешения экрана
Только начал разбираться с bootstrap и наткнулся на проблему с не работающим выпадающим списком при уменьшении разрешения экрана. Я так подозреваю ошибка у меня скрывается в не правильном подключении ...
0
голосов
1
ответ
24
показа
Вопрос по Bootstrap или по CSS
Вопрос заключается в том что сетку то есть Grid не действует padding контейнера, как это исправить,
Например на заголовку действует а сетку не действует, помогите пожалуйста
Внизу код
<!DOCTYPE ...
0
голосов
1
ответ
24
показа
Как в bootsrap 4 удалить все breakpoint?
Как удалить вообще все breakpoints из Bootstrap 4.
Например, в стандартной сборке есть классы "col", "col-xs", "col-sm" и т.д.
Из них мне нужен только один "col&...
0
голосов
0
ответов
35
показов
Неправильное отображение элемента из css с использованием bootstrap на телефоне
Необходимо для собственных нужд сделать небольшую веб морду. И поверх картинки наложить текст. Для пк версии написал небольшой кусок который накладывает по верх картинки текст но при открытии с ...
0
голосов
0
ответов
88
показов
Как сделать отдинаковый отступ между колонками и краем экрана в Bootstrap?
Хочу сделать отступ между колонками. Чтобы он был таким же по ширине, как отступы от краёв экрана до колонок. Это в случае когда колонки помещаются по ширине экрана.
После того, как экран становится ...
0
голосов
1
ответ
24
показа
Как сделать кнопки разной высоты в тулбаре bootstrap4
При переходе с bootstrap 3 на bootstrap 4 возникла, некоторая проблема, а именно, в 3ей версии, несколько кнопок разного размера обёрнуты в тулбар. В 4й версии, все кнопки в тулбаре автоматически ...
-2
голоса
1
ответ
30
показов
Position Absolute в Bootstrap?
Здесь на макете я вывел блок upline поверх parentline и прижал к верху через стиль css. Существует для этого встроенный метод в Bootstrap 4? Я не нашел к мурзилке.
.upline {
z-index: 1100;
...
0
голосов
1
ответ
68
показов
Яндекс Карты по координатам в модальном окне
Почему функция ymaps не видит координаты?
Пример
jQuery:
ymaps.ready(init);
var lat = $(this).data('LA');
var long = $(this).data('LO');
function init (lat, long)
{
var myMap =...
0
голосов
1
ответ
37
показов
Непонятный отступ в шапке сайта
В шапке сайта образовался непонятный отступ при верстке сайта, помогите, пожалуйста.
HTML
html,
body {
width: 100%;
height: 100%;
}
header {
width: 100%;
height: 100%;
background-size: ...
0
голосов
1
ответ
21
показ
Как в bootstrap отключить изменение порядка следования адаптивных блоков
Делаю сайт на Joomla. Шаблон Helix3.
Нужно, чтобы на мониторах с шириной 600px и 800px сайт выглядел также как и на больших мониторах (1920х1080 и выше). А из-за Bootstrap он складывается. Блоки ...
0
голосов
1
ответ
97
показов
Изменить текст кнопки в html в input type="file (Bootstrap4)
Есть форма. Принимает файлы. Используется bootstap4. По стандарту в стилях написано Choose file справа от кнопки надпись No file chosen. Я не могу поменять, как поменять данный текст. И стили тыкал ...
0
голосов
1
ответ
63
показа
Оцените верстку шаблона [закрыт]
Начал заниматься версткой месяца 2 назад, поэтому не совсем разбираюсь, насколько правильно сделана верстка и написан код, так что нужно, чтобы разбирающиеся люди помогли советом.
https://valeri-afk....
0
голосов
0
ответов
34
показа
как написать media в перевернутом виде в bootstrap 4?
как написать media в перевернутом виде в bootstrap 4?
col-12 col-sm-6 col-md-3 так сделал но sm в перевернутом виде не поддерживает
0
голосов
2
ответа
155
показов
Как убрать границу одного элемента в бутстрапе
Есть корзина, которая построена на таблице bootstrap. Один элемент выходит за ее поля и к нему дорисовывается верхняя граница, она тоньше чем та, что у других элементов. Хочу убрать ее у элемента ...
0
голосов
1
ответ
19
показов
Hidden bootstrap 4
Подскажите как на bootstrap 4 реализовать аналог class="hidden-xs hidden-sm" как на bootstrap 3
0
голосов
1
ответ
146
показов
Выравнивание размера изображений в карусели по вертикали
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></...
0
голосов
0
ответов
90
показов
Использование bootstrap-datepicker и Inputmask
Для верстки формы ввода решил использовать bootstrap 4 + bootstrap-datepicker + Inputmask. В принципе, все получилось как хотел. Но один функционал все же работает не так, как надо. А именно... Если я ...
0
голосов
0
ответов
22
показа
Проблема с обновлением чата
Подскажите пожалуйста в чем может быть ошибка? Это чат, сообщения чата всегда внизу и обновляются при отправке, но скролл почему-то постоянно через несколько секунд в середину переходит
<script>
...
1
голос
0
ответов
20
показов
Bootstrap 4 grid, колоночная верстка col md offset и прочее
Всем привет, это мой первый вопрос на стуковерфлоу, и так, я изучаю верстку с помощью bootstrap 4 , и там используется технология grid, мой ментор каким-то волшебным образом когда создает контейнер ...
1
голос
1
ответ
18
показов
Сетка Bootstrap с шириной менее 577px
Вроде бы элементарная тема, заранее прошу прощения. Помогите, пожалуйста, понять что происходит с сеткой... При уменьшении ширины экрана ниже 577px каждая колонка начинает занимать все 12 ячеек. Не ...
2
голоса
1
ответ
58
показов
Общий фокус для "группы ввода" bootstrap 4
Создаю группу ввода согласно документации bootstrap 4. По-умолчанию, при выборе элемента ввода, фокусная рамка отрисовывается только вокруг текстового поля.
<div class="d-flex flex-row form-...
0
голосов
1
ответ
46
показов
Как изменить позицию navbar для мобильных устройств?
Имеется навигационная панель на Bootstrap, по умолчанию она закреплена сверху с помощью класса fixed-top, необходимо сделать таким образом, чтобы на мобильных устройствах данный класс заменялся на ...
0
голосов
1
ответ
44
показа
Как разместить элементы начиная с определённой колонки bootstrap 4
Вообщем начинаю учить bootstrap, столкнулся с проблемой:
Должно выглядеть вот так:
Как видите header, именно кнопки не получатся такими же, пробовал через margin (костылями), пробовал через margin ...
0
голосов
1
ответ
345
показов
bootstrap, form-inline как не переносить текст на новую строку?
Мне нравится как работает form-inline, выравнивая элементы в строку, но как заставить последний span class="text-danger" на разных экранах вести себя по разному, если не вмещается в экран не ...
0
голосов
1
ответ
64
показа
Как передать Юзера?
У меня есть задание сделать нового юзера (использую Spring Boot) и сначала я сделал через ссылку на страницу создания нового юзера, через гет запрос, контроллер ловит и передает в Model аттрибутом ...
0
голосов
1
ответ
22
показа
Выровнять ссылки в Navbar bootstap 4
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="collapse navbar-collapse" id="navbarSupportedContent">...