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

Twitter Bootstrap — бесплатный фреймворк для создания сайтов и веб-приложений, включающий в себя HTML и CSS шаблоны оформления, а также JavaScript расширения.

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

Подскажите пожалуйста с расположением элементов

Подскажите пожалуйста как расположить buttons и cards, чтобы cards были возле buttons и занимали весь оставшийся размер страницы, а не снизу. Должно что-то похожее на форум reddit @using Forum_MVC....
Julia's user avatar
  • 11
0 голосов
1 ответ
29 показов

Мне нужно сохранить список после написания задач в TODO List. Как тут использовать LocalStorage?

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...
Dude's user avatar
  • 1
0 голосов
0 ответов
22 показа

Laravel. Пагинация изменяет параметр page в url, но не меняет страницу

При переключении меняется только параметр page в url адресе. Offset в дебагере остаётся тем же. select * from notifications order by id desc limit 3 offset 0 (вторая страница) index.blade.php <div ...
void's user avatar
  • 1
0 голосов
1 ответ
23 показа

Не получается корректно расположить контейнеры на bootstrap

Делаю userpage для своего сайта с элементами Boostrap. Не могу корректно расположить объект. Пробовал и padding, и margin, и позицию ставил на absolute. Нужна помощь. для лучшего понимания прикреплю ...
justjava_11's user avatar
0 голосов
0 ответов
21 показ

Применить bootstrap только в одном компоненте Next.js приложения

С сервера приходит html, стилизованный с помощью bootstrap. Я установил для этого bootstrap (npm). Мне нужно, чтобы стили бутстрап применялись только в этом компоненте. В файле компонента импортирую ...
Mo J's user avatar
  • 27
0 голосов
0 ответов
21 показ

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

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

Как отследить просмотр tooltip на разных устройствах?

Всем привет. Хочу отследить просмотр tooltip bootstrap пользователем. В чем проблема: тултипы показываются на мобильниках и на ПК по разным событиям. ПК - наведение, мобильные устройства - клик. Если ...
Studlara's user avatar
0 голосов
1 ответ
21 показ

Не работает navbar на мобильных устройствах bootstrap 5.3

Добавил навигационную панель на сайт при помощи bootsrap, на компах все нормальное, а на планшет и мобильных устройствах (когда панель уменьшается в 3 полоски) она просто не работает. Когда юзер ...
ItzKeeni's user avatar
0 голосов
0 ответов
11 показов

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

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

Поля <option> уходят на задний план

Всем привет. Я не особо разбираюсь во frontend, пробовал искать решение проблемы, даже у чата GPT спрашивал , но так и не получилось. При клики по select , поля option уходят за карточку, я так ...
Viserys's user avatar
  • 60
0 голосов
1 ответ
14 показов

Как осуществить верстку так чтобы не было масштабирования на iPhone?

При нажатии на кнопку несколько раз масштабируется экран <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, ...
NIKKIT's user avatar
  • 5
0 голосов
0 ответов
15 показов

Перевод HTML разметки Nazox под React.js

Всем привет. Имеется разметка HTML написанная на основе шаблона Nazox. Нужно переделать под React.js. Уже пробовал просто конвертировать HTML в JSX и подключить нужные библиотеки. Но нет должного ...
Низомидин Низомиддинов's user avatar
0 голосов
1 ответ
33 показа

убрать атрибут multiplace на мобильной версии сайта

Помогите пожалуйста. Имеется select с multiple на больших экранах. Задача - убрать атрибут multiple на мобильной версии сайта.
Надежда's user avatar
0 голосов
0 ответов
16 показов

Не работает tabs в Bootstrap 5 с Django

Не могу понять почему не работают вкладки. Нажимаю на первую вкладку и ни чего не происходит. Третья работает и отображает текст. Страницы первой и второй вкладки написаны отдельными файлами которые ...
AlexZel's user avatar
  • 88
1 голос
0 ответов
48 показов

Баг с Dropzone.js

Я хочу создать "дропзону" внутри модального окна бутстрапа, для загрузки фото/видео но уже пару дней не могу разобраться с библиотекой Dropzone.js, постоянно возникают какие либо ошибки, ...
Анатолий Авлинский's user avatar
0 голосов
1 ответ
24 показа

Здравствуйте, помогите сделать так чтобы карточки товара стояли в две колонки на против карты с фильтрами

[![` <main> <div class="card mx-3 mt-3"> <div class="card-body"> {{#with navigation.links}} <div class="nav"> &...
Вячеслав Сичов's user avatar
0 голосов
1 ответ
56 показов

HTML игнорирует CSS

html игнорирует css style для div. Хочу что бы высота карт составляла 450px, а на деле их высота 190px. Подскажите что делать в такой ситуации, я не верстальщик, просто нужен frontend для проекта. То ...
Nicolas Bayer's user avatar
0 голосов
2 ответа
51 показ

В bootstrap как увеличить ширину container вправо (как на картинке)?

Как увеличить ширину для container вправо (как на картинке)? Как убрать правое поле для контейнера в bootstrap?
Надежда's user avatar
0 голосов
0 ответов
56 показов

Элемент неверно изменяет свою ширину

Я бы хотел создать карточку (используя Bootstrap) с такими правилами: карточка имеет минимальную ширину 250px (карточка #1 - корректно отображается) если первая строка длиннее 250px, то карточка ...
WayMax's user avatar
  • 21
-4 голоса
1 ответ
49 показов

Модернизировать php mysql меню

У меня есть уже готовое меню на чистом php mysql с применением pdo. Вот как выглядит меню сейчас : Вот как выглядит база: Вот php код: <?php // Подключение к базе данных с использованием PDO ...
zort warut's user avatar
0 голосов
1 ответ
28 показов

Блок накладывается на блок

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....
Plem's user avatar
  • 3
0 голосов
0 ответов
33 показа

Адаптивность Bootstrap 5

Я новичок в этом деле и не совсем понимаю как сделать адптивность на бутстрапе Покажите и подскажие пожалуйста как красиво адаптировать страничку.Совсем не заходит эта тема var article_1 = { '...
OverLord's user avatar
-1 голос
1 ответ
45 показов

JavaScript . Кнопка "Показать ещё"

Не получается реализовать кнопку "Показать ещё" на JS При нажатии на кнопку "Подгрузить больше" - ничего не происходит. По задумке при нажатии на кнопку "Подгрузить больше&...
OverLord's user avatar
0 голосов
0 ответов
40 показов

Bootstrap - Позиционирование блоков

Подскажите как выполнить позиционирование по схеме как на скриншоте . пробовал при помощи class="d-flex justify-content-around" и class="d-flex justify-content-between" - не ...
OverLord's user avatar
0 голосов
1 ответ
13 показов

цвет выделения при клике DropdownMenu Bootstrap 4

При клике на элемент выпадающего меню он выделяется синим , как изменить этот цвет? import Dropdown from 'react-bootstrap/Dropdown'; import DropdownButton from 'react-bootstrap/DropdownButton'; ...
Nikolay Potapenko's user avatar
0 голосов
0 ответов
28 показов

Помогите настроить карусель с вертикальными и горизонтальными фото

Делаю карусель с фиксированной горизонтальной областью для фото. Шаблон взят с Bootstrap5. Вертикальные изображения должны соответсвенно уменьшаться, чтобы встать в эту область, но они обрезаются и ...
Dima Gerchikov's user avatar
0 голосов
2 ответа
47 показов

Текст возле лого

Подскажите пожалуйста как расположить текст по середине картинки - как дополнение к лого (обтекание что-ли) <div class="logo"> <img src="img/logo.png" alt="logo&...
OverLord's user avatar
0 голосов
0 ответов
19 показов

Почему CSS-стили в Джанго-проекте отображаются частично?

Пытаюсь создать фиксированную область для изображений, но CSS не работает. Смотрел и в Сафари и в Хроме. HTML (base) <link rel="stylesheet" href="images/custom.css"> HTML (...
Dima Gerchikov's user avatar
0 голосов
0 ответов
24 показа

Как сделать так, чтобы данные отображались в трёх столбиках и сортировались по дате по возрастанию по столбикам?

На данный момент у меня в цикле foreach прописан класс col-sm-4, который делит данные на 3 столбика, сортировка в которых происходит по строчкам, а надо чтобы по столбикам. Например, сейчас это ...
Natalja Velichko's user avatar
1 голос
0 ответов
44 показа

Почему не компилируются css и js?

Пытаюсь разобраться с подключением bootstrap к laravel и уже голову себе сломал, ничего не работает, объясните что я делаю не так, пожалуйста. И так, все вводные: Я пытаюсь пересесть с OPServer'a на ...
Vadim's user avatar
  • 29
0 голосов
0 ответов
32 показа

Не работает переключение между модальными окнами. Bootstrap

Не хочет открываться второе модальное окно, не могу разобраться почему. Подскажите, пожалуйста Подключены: https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.min.js https://cdnjs....
kopetan's user avatar
0 голосов
0 ответов
115 показов

Хочу кешбек моих 3 часов Error: The following dependencies are imported but could not be resolved:

Подключил react-bootstrap по офф.туториалу: npm install react-bootstrap bootstrap, скопировал тестовый код, импорты для слайдера: import Carousel from 'react-bootstrap/Carousel'; function ...
MainerExp's user avatar
0 голосов
1 ответ
16 показов

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

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

Не могу получить актуальные данные из input модального окна при отправке

Принцип очень простой, у меня таблица с несколькими строками, по клику на каждую делаю .modal('show') модального окна, сам заполняю input-ы информацией которую нужно изменить, далее по клику на ...
Паша Харченко's user avatar
0 голосов
1 ответ
49 показов

Проблема с руссификацией Datatable

я использую datatable для отображения таблицы но при русификации отваливается код js который отвечает за скрытие столбцов , это происходит только при вставке language: { url: '/js/Russian.json'} при ...
Руслан Данилов's user avatar
0 голосов
1 ответ
25 показов

Верстка Bootstrap. Blade

Имеется представление. И пользуется bootstrap. Проблема заключается в том, что первый элемент при переборе отображается криво. В чем может быть причина? Код представления <div class="row&...
Moon's user avatar
  • 3
0 голосов
1 ответ
24 показа

Как выставить navbar-nav по центру в бутстрапе?

В общем сделал такую шапку: Пытался выставить navbar-nav по центру с помощью justify-content-center но ставит как-то криво. Вот код: <!DOCTYPE html> <html lang="ru"> <head> &...
ewfwefwqe qwegytjuy's user avatar
0 голосов
1 ответ
192 показа

Как адаптивно вставить Youtube Shorts на сайт?

Использую Bootstrap 4 при вёрстке. Задача: вставить адаптивное видео в формате шортс с ютуба (вертикальное видео). Для горизонтальных у бутстрапа есть пример <div class="embed-responsive embed-...
Анатолий's user avatar
-1 голос
1 ответ
26 показов

Как занять всё свободное место картинкой? (Bootstrap/HTML)

В общем, делаю страницу на Bootstrap, сделал Navbar, сделал Footer. Присвоил тегу body классы d-flex flex-column и стиль "min-height: 100vh" Структурно код выглядит так: <html> <...
Andrew's user avatar
  • 72
0 голосов
1 ответ
32 показа

Как сделать перенос текста "завернутый " в badge?

В стили добавляю white-space: normal; - не помогает.
Jandos M's user avatar
0 голосов
1 ответ
39 показов

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

Всем привет. Имеется вот такая вёрстка на Bootstrap 4. Есть стилизованные "Radio", и в зависимости от количества текста внутри "label" высота у этих блоков разная, также при ...
Studlara's user avatar
0 голосов
0 ответов
17 показов

Как работает onSelect в react bootstrap 5 в карусели?

Не совсем понятно, как использовать onSelect. Всё, что есть в документации: onSelect function controls activeIndex Callback fired when the active item changes. (eventKey: number, event: Object | ...
GARAG Василий's user avatar
0 голосов
0 ответов
9 показов

как вытащить активный айтем карусели в бутстрап 5 react

Есть карусель взятая из бутстрапа, на ней есть три айтема, переключаем только вручную, подскажите, пожалуйста, как можно получить значение активного айтема, как без нажатия на айтем можно получать ...
GARAG Василий's user avatar
0 голосов
1 ответ
19 показов

Bootstrap под разные разрешения

Можно ли под разные разрешения использовать свойства bootstrap?чтобы к примеру к одному и тому же объекту было применено свойство одного типа, но под разные разрешения.подскажите пожалуйста
богдан's user avatar
1 голос
1 ответ
46 показов

как убрать перенос текста на другую строку?

Использую навбар бутстрапа.И изначально navbar такой.Но при сужение сайта происходит такое: вот весь код который связан с навбаром: html : <header> <nav class="navbar navbar-...
smth's user avatar
  • 21
0 голосов
0 ответов
28 показов

Где должен быть title страницы, если она формируется из трех шаблонов?

Сделал для тренировки MVC сайт на PHP. Как водится, у меня в папке View есть шаблон header.php, который цепляется сверху к главной странице и любой записи. Также есть footer.php. Есть шаблон тела ...
Valentin's user avatar
  • 259
0 голосов
0 ответов
19 показов

как убрать сss свойства bootstrapa?

у меня есть карточка и в ней есть кнопка.Выглядит это вот так : я хочу сделать так чтобы при нажатие кнопки,она не оставалась черной. Сделал с помощью: .btn:active { background-color: white; } ...
smth's user avatar
  • 21
0 голосов
0 ответов
35 показов

Как переключить интерфейс butstrap 6 на русский язык

Люди подскажите как переключается язык интерфейса в bootstrap studio 6.3 на русский .
Рус Ворон's user avatar
0 голосов
1 ответ
41 показ

Не работает Modal от react-bootstrap. В чем может быть причина?

У меня есть React компонент, в котором я хочу использовать компонент Modal от react-bootstrap. Подключаю файлы и компоненты, как это написано в документации: import React, { useRef, useEffect, ...
Fedor Karasev's user avatar
0 голосов
1 ответ
36 показов

Как сделать меню которое отодвигает контент в bootstrap offcanvas

Закрывает текст, хотелось чтобы при открытии меню отодвигался текст Вот так всё равно. Даже если position использовать
Кирилл's user avatar