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

Руководство по использованию метки отсутствует.

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

Как в bootstrap выровнять sidebar в container

Я хочу сделать чтобы sidebar был в container. Сейчас получается что контент header идет в container, пытаюсь так же сделать и sidebar, но видно как вертикальная линия не соответствует header. Буду ...
iKey's user avatar
  • 2,362
0 голосов
0 ответов
13 показов

Как задать space-between для пунктов меню Bootstrap?

Беру стандартный код для панели навигации из документации Bootstrap. Выкидываю из него логотип, выпадающий список, формы. Оставляю только кнопку navbar-toggler и собственно список с пунктами меню. ...
Lucille's user avatar
  • 11
1 голос
0 ответов
13 показов

Как отображать содержимое модального окна на больших экранах?

Что за чушь я написал в вопросе, но попробую объяснить) Как в бутстрапе реализовать модальное окно по нажатию кнопки на маленьких экранах и игнорировать это модальное окно на больших дисплеях? Есть ...
Rediska's user avatar
  • 31
0 голосов
0 ответов
42 показа

OpenCart/ocStore 3.x совместно с Bootstrap 5.x и JQuery 3.x

Можно ли для OpenCart/ocStore 3.x сделать тему, базирующуюся на Bootstrap 5 и JQuery 3.7.0 без каких-то модификаций стандартных модулей? Спрашиваю вот почему. Заглянул в контроллер catalog/controller/...
Majestio's user avatar
  • 5,030
0 голосов
1 ответ
34 показа

Как добавить и удалить классы к соседним элементам списка?

Есть карусель бутстрапа, по умолчанию всегда центральный элемент активен (слайдер работает по таймеру, активный элемент динамичен). Как динамически добавить к элементу до и после классы, например, ...
Maria's user avatar
  • 3
0 голосов
0 ответов
24 показа

Как сделать так, чтобы блок не уступал свою позицию по вспомогательной оси блоку, который находится над ним?

Всем здравствуйте! Я специализируюсь на python-бэкенд разработке. Но сейчас делаю свой первый full-stack проект, и поэтому только начинаю углубляться в HTML и CSS. Контекст задачи: есть каталог ...
Vsevolod's user avatar
0 голосов
0 ответов
24 показа

Bootstrap HTML фреймворк

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

Как можно исправить ошибку с bootstrap в laravel 9

Когда ввожу npm install выдаёт ошибку: npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @vitejs/plugin-[email protected] npm ERR! Found: [email protected] npm ERR! ...
user524186's user avatar
0 голосов
1 ответ
30 показов

Как переопределить классы стилей messages django

Как можно переопределить стили для системы оповещения (messages) в Django, чтобы они совпадали с классами стилей bootstrap
user avatar
0 голосов
0 ответов
33 показа

Не работает bootstrap yii2 basic

Хочу обновить bootsrap. Сделал следующие: В composer.json удалил yiisoft/yii2-bootstrap Вставил yiisoft/yii2-bootstrap5 сделал composer update В assets в depend изменил yii\bootstrap\BootstrapAsset ...
Kirill Gusev's user avatar
0 голосов
0 ответов
17 показов

Проблема с запуском сборки bootstrap5 & npm

уважаемые господа! После длительного перерыва появилась задачка по созданию простого фронта для одного внутреннего сайта компании (чисто привести его в порядок). Раньше была сборка, но она на ...
Тимур Жумашев's user avatar
0 голосов
1 ответ
54 показа

Boostrap 5 | Не работает модальное окно

При нажатии на кнопку ничего не происходит. Весь код полностью с их сайта: <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" ...
Dasderdas's user avatar
-1 голос
1 ответ
27 показов

Не могу подключить папки js Bootstrap5

Несколько дней я пытаюсь подключить папки js, css работает. Разделять по папкам css и js тоже пробовала, никак. Мой файл находиться не в index.html, а в stock.html. Подскажите, пожалуйста, что здесь ...
Darya Kaano DaryaKaano's user avatar
0 голосов
1 ответ
33 показа

Как заменить svg в форме валидации bootstrap 5 на свои?

Подскажите пожалуйста, как можно заменить svg . Возможно ли с помощью js? https://getbootstrap.su/docs/5.2/forms/validation/
Вячеслав Сиваш's user avatar
0 голосов
1 ответ
56 показов

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

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

Как убрать эту обводку в boostrap 5?

Я не понимаю как убрать эту обводку, методы которые уже написаны не работают.
Fern's user avatar
  • 5
0 голосов
0 ответов
20 показов

Позиционирование компонента на странице

Имеется вот такая структура: <Row> <Col sm={8}> <Component_1/> </Col> <Col sm={4}> <Component_2/> </Col> <Row> Как ...
Александр Осипов's user avatar
2 голоса
1 ответ
282 показа

Размещение блоков Bootstrap 5 в зависимости от ширины

Покажите, пожалуйста, примеры как можно размещать блоки с помощью flexbox и grid от фрэймворка Bootstrap 5. Нужно размещать вот по каким требованиям: Всего четыре блока Минимальная ширина блока 240px,...
Majestio's user avatar
  • 5,030
0 голосов
1 ответ
205 показов

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

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

Как сделать так, чтобы Navbar появлялся на всех страницах (без копирования кода) (PHP не подойдёт) Django HTML

Я хочу, чтобы Navbar был на всех страницах и тот код который снизу был в другом файле (Обязательно в папке 'static'). PHP не подойдёт т.к. django не обрабатывает PHP. Если что я использую Bootstrap 5. ...
Programmer's user avatar
0 голосов
2 ответа
4k показов

Установка Bootstrap 5 на Laravel 9 с помощью npm

Возможно данный вопрос задавался уже не раз, но хочется получить актуальный ответ на этот вопрос. Чаще всего на этот вопрос предлагают установить пакет laravel ui, но он уже давно объявлен legacy и ...
Анатолий Шевелев's user avatar
0 голосов
3 ответа
67 показов

jquery each надимая на кнопку добавляется класс к родителю

Здравствуйте подскажите с кодом Имеется Bootstrap 5 аккордеон, при нажатие на кнопку аккордеона необходимо добавлять класс('qwe') для родителя. У меня почему-то добавляются классы для всех родителей ...
Tilea Website's user avatar
2 голоса
3 ответа
250 показов

Как поместить кнопку в navbar при уменьшении размера?

Кнопка находится в верхней шапке, при уменьшении размера экрана, нужно чтобы кнопка перемещалась в шапку меню, как показано на фотке мой код: <div class="row"> <div class="col d-flex ...
Adam's user avatar
  • 31
0 голосов
0 ответов
251 показ

Как открывать боковое меню слева на право в bootstrap 5.1?

Всем привет! В bootstrap 5.1 добавили боковое меню, открывается только справа на лево. Как открывать меню слева на право?
Meemer's user avatar
  • 3
1 голос
1 ответ
35 показов

Глупый вопрос по переменным в SASS Bootstrap

Есть значит в исходнике Bootstrap'а на SCSS такой код: $border-width: 1px; $border-widths: ( 1: 1px, 2: 2px, 3: 3px, 4: 4px, 5: 5px ); $border-color: $gray-300;...
Object417's user avatar
  • 1,169
0 голосов
1 ответ
3k показов

Bootstrap 5 не работает модальное окно

не работает модальное окно не могу понять в чем причина, ошибок в консоли нет, делал все по официальной документации. <!doctype html> <html lang="ru"> <head> <meta ...
Bastard_Ape's user avatar
0 голосов
1 ответ
128 показов

jquery добавить класс в body

Подскажите как c jquery добавить класс в елементу при открытие аккордеона. То есть: когда у аккордеона появляется класс show - в другой блок'block-test' добавляется класс $(function(){ if ($('....
Tilea Website's user avatar
0 голосов
1 ответ
545 показов

Невидимые поля формы в шаблоне Django

Пытаюсь вывести разные формы на вкладках одной страницы, используя Tabs из Bootstrap5. Первая форма на первой активной вкладке отображается и работает, но вторая форма на соседней вкладке остаётся ...
Mike's user avatar
  • 3
0 голосов
1 ответ
174 показа

Не отрабатывает <ROW> в react-bootstrap

Пробую освоить учебный проект. Там используют React и React-Bootstrap. Делаю обычное окно авторизации и не могу добиться толку: компонент ROW не слушается команды. Да и по всему проекту видно, что не ...
Peterblr's user avatar
  • 141
0 голосов
2 ответа
183 показа

Bootstrap 5.0 как сделать ширину блоков(контайнеров)

Как сделать ширину 3 блоков одинаковыми.В данный момент высота блоков одинаковые. Попробовал 4 блока по col не помогло <footer> <div class="container" id="footer"...
Zero01's user avatar
  • 13
0 голосов
1 ответ
73 показа

Модальное окно не отображается при нажатии на кнопку

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Step 3 Cards</title> <link href="https://cdn.jsdelivr....
RamZevss's user avatar
0 голосов
2 ответа
99 показов

Hover dropdown menu Bootstrap5

Как сделать такое dropdown menu с использованием Bootstrap 5?
Not Found's user avatar
1 голос
0 ответов
38 показов

Подскажите пожалуйста с bootstrap

Решил использовать мега меню от бутстреп, то бишь Navbar. Использовал код от туда же, но появилась проблема, не могу найти параметр, отвечающий за открытие меню, при наведении. Я как-то совсем не могу ...
Никита's user avatar
1 голос
0 ответов
102 показа

Как открыть вкладку bootstrap 5 по ссылке?

Есть пример вкладок из документации bootstrap 5. Как открыть нужную вкладку по ссылке? <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"...
Dima123's user avatar
  • 101
0 голосов
1 ответ
39 показов

Bootstrap разная ширина на телефоне и компьютере

Как сделать, чтобы на ПК div был 50% в ширину, а на телефоне - 100?
the4steps's user avatar