Вопросы с меткой [bootstrap]
Twitter Bootstrap — бесплатный фреймворк для создания сайтов и веб-приложений, включающий в себя HTML и CSS шаблоны оформления, а также JavaScript расширения.
2,606
вопросов
0
голосов
0
ответов
25
показов
Подскажите пожалуйста с расположением элементов
Подскажите пожалуйста как расположить buttons и cards, чтобы cards были возле buttons и занимали весь оставшийся размер страницы, а не снизу. Должно что-то похожее на форум reddit
@using Forum_MVC....
0
голосов
1
ответ
29
показов
Мне нужно сохранить список после написания задач в TODO List. Как тут использовать LocalStorage?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, ...
0
голосов
0
ответов
22
показа
Laravel. Пагинация изменяет параметр page в url, но не меняет страницу
При переключении меняется только параметр page в url адресе. Offset в дебагере остаётся тем же.
select * from notifications order by id desc limit 3 offset 0 (вторая страница)
index.blade.php
<div ...
0
голосов
1
ответ
23
показа
Не получается корректно расположить контейнеры на bootstrap
Делаю userpage для своего сайта с элементами Boostrap. Не могу корректно расположить объект. Пробовал и padding, и margin, и позицию ставил на absolute. Нужна помощь.
для лучшего понимания прикреплю ...
0
голосов
0
ответов
21
показ
Применить bootstrap только в одном компоненте Next.js приложения
С сервера приходит html, стилизованный с помощью bootstrap. Я установил для этого bootstrap (npm). Мне нужно, чтобы стили бутстрап применялись только в этом компоненте.
В файле компонента импортирую ...
0
голосов
0
ответов
21
показ
Как в bootstrap выровнять sidebar в container
Я хочу сделать чтобы sidebar был в container.
Сейчас получается что контент header идет в container, пытаюсь так же сделать и sidebar, но видно как вертикальная линия не соответствует header.
Буду ...
0
голосов
2
ответа
24
показа
Как отследить просмотр tooltip на разных устройствах?
Всем привет. Хочу отследить просмотр tooltip bootstrap пользователем. В чем проблема: тултипы показываются на мобильниках и на ПК по разным событиям. ПК - наведение, мобильные устройства - клик. Если ...
0
голосов
1
ответ
21
показ
Не работает navbar на мобильных устройствах bootstrap 5.3
Добавил навигационную панель на сайт при помощи bootsrap, на компах все нормальное, а на планшет и мобильных устройствах (когда панель уменьшается в 3 полоски) она просто не работает. Когда юзер ...
0
голосов
0
ответов
11
показов
Как задать space-between для пунктов меню Bootstrap?
Беру стандартный код для панели навигации из документации Bootstrap. Выкидываю из него логотип, выпадающий список, формы. Оставляю только кнопку navbar-toggler и собственно список с пунктами меню.
...
1
голос
2
ответа
49
показов
Поля <option> уходят на задний план
Всем привет. Я не особо разбираюсь во frontend, пробовал искать решение проблемы, даже у чата GPT спрашивал , но так и не получилось. При клики по select , поля option уходят за карточку, я так ...
0
голосов
1
ответ
14
показов
Как осуществить верстку так чтобы не было масштабирования на iPhone?
При нажатии на кнопку несколько раз масштабируется экран
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, ...
0
голосов
0
ответов
15
показов
Перевод HTML разметки Nazox под React.js
Всем привет. Имеется разметка HTML написанная на основе шаблона Nazox. Нужно переделать под React.js. Уже пробовал просто конвертировать HTML в JSX и подключить нужные библиотеки. Но нет должного ...
0
голосов
1
ответ
33
показа
убрать атрибут multiplace на мобильной версии сайта
Помогите пожалуйста.
Имеется select с multiple на больших экранах.
Задача - убрать атрибут multiple
на мобильной версии сайта.
0
голосов
0
ответов
16
показов
Не работает tabs в Bootstrap 5 с Django
Не могу понять почему не работают вкладки.
Нажимаю на первую вкладку и ни чего не происходит. Третья работает и отображает текст.
Страницы первой и второй вкладки написаны отдельными файлами которые ...
1
голос
0
ответов
48
показов
Баг с Dropzone.js
Я хочу создать "дропзону" внутри модального окна бутстрапа, для загрузки фото/видео но уже пару дней не могу разобраться с библиотекой Dropzone.js, постоянно возникают какие либо ошибки, ...
0
голосов
1
ответ
24
показа
Здравствуйте, помогите сделать так чтобы карточки товара стояли в две колонки на против карты с фильтрами
[![`
<main>
<div class="card mx-3 mt-3">
<div class="card-body">
{{#with navigation.links}}
<div class="nav">
&...
0
голосов
1
ответ
56
показов
HTML игнорирует CSS
html игнорирует css style для div. Хочу что бы высота карт составляла 450px, а на деле их высота 190px. Подскажите что делать в такой ситуации, я не верстальщик, просто нужен frontend для проекта. То ...
0
голосов
2
ответа
51
показ
В bootstrap как увеличить ширину container вправо (как на картинке)?
Как увеличить ширину для container вправо (как на картинке)?
Как убрать правое поле для контейнера в bootstrap?
0
голосов
0
ответов
56
показов
Элемент неверно изменяет свою ширину
Я бы хотел создать карточку (используя Bootstrap) с такими правилами:
карточка имеет минимальную ширину 250px (карточка #1 - корректно отображается)
если первая строка длиннее 250px, то карточка ...
-4
голоса
1
ответ
49
показов
Модернизировать php mysql меню
У меня есть уже готовое меню на чистом php mysql с применением pdo.
Вот как выглядит меню сейчас :
Вот как выглядит база:
Вот php код:
<?php
// Подключение к базе данных с использованием PDO
...
0
голосов
1
ответ
28
показов
Блок накладывается на блок
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1....
0
голосов
0
ответов
33
показа
Адаптивность Bootstrap 5
Я новичок в этом деле и не совсем понимаю как сделать адптивность на бутстрапе
Покажите и подскажие пожалуйста как красиво адаптировать страничку.Совсем не заходит эта тема
var article_1 = {
'...
-1
голос
1
ответ
45
показов
JavaScript . Кнопка "Показать ещё"
Не получается реализовать кнопку "Показать ещё" на JS
При нажатии на кнопку "Подгрузить больше" - ничего не происходит. По задумке при нажатии на кнопку "Подгрузить больше&...
0
голосов
0
ответов
40
показов
Bootstrap - Позиционирование блоков
Подскажите как выполнить позиционирование по схеме как на скриншоте .
пробовал при помощи class="d-flex justify-content-around" и class="d-flex justify-content-between" - не ...
0
голосов
1
ответ
13
показов
цвет выделения при клике DropdownMenu Bootstrap 4
При клике на элемент выпадающего меню он выделяется синим , как изменить этот цвет?
import Dropdown from 'react-bootstrap/Dropdown';
import DropdownButton from 'react-bootstrap/DropdownButton';
...
0
голосов
0
ответов
28
показов
Помогите настроить карусель с вертикальными и горизонтальными фото
Делаю карусель с фиксированной горизонтальной областью для фото. Шаблон взят с Bootstrap5. Вертикальные изображения должны соответсвенно уменьшаться, чтобы встать в эту область, но они обрезаются и ...
0
голосов
2
ответа
47
показов
Текст возле лого
Подскажите пожалуйста как расположить текст по середине картинки - как дополнение к лого (обтекание что-ли)
<div class="logo">
<img src="img/logo.png" alt="logo&...
0
голосов
0
ответов
19
показов
Почему CSS-стили в Джанго-проекте отображаются частично?
Пытаюсь создать фиксированную область для изображений, но CSS не работает. Смотрел и в Сафари и в Хроме.
HTML (base)
<link rel="stylesheet" href="images/custom.css">
HTML (...
0
голосов
0
ответов
24
показа
Как сделать так, чтобы данные отображались в трёх столбиках и сортировались по дате по возрастанию по столбикам?
На данный момент у меня в цикле foreach прописан класс col-sm-4, который делит данные на 3 столбика, сортировка в которых происходит по строчкам, а надо чтобы по столбикам.
Например, сейчас это ...
1
голос
0
ответов
44
показа
Почему не компилируются css и js?
Пытаюсь разобраться с подключением bootstrap к laravel и уже голову себе сломал, ничего не работает, объясните что я делаю не так, пожалуйста.
И так, все вводные:
Я пытаюсь пересесть с OPServer'a на ...
0
голосов
0
ответов
32
показа
Не работает переключение между модальными окнами. Bootstrap
Не хочет открываться второе модальное окно, не могу разобраться почему. Подскажите, пожалуйста
Подключены:
https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.min.js
https://cdnjs....
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 ...
0
голосов
1
ответ
16
показов
Dropdown Bootstrap'а проваливается под узлы Treeflex'а
Использую Treeflex CSS библиотеку для построения иерархического древа, а конкретно мой случай это последний кейс с Ancestor tree среди примеров. Нужно встроить bootstrap'овский dropdown во все узлы, ...
0
голосов
0
ответов
23
показа
Не могу получить актуальные данные из input модального окна при отправке
Принцип очень простой, у меня таблица с несколькими строками, по клику на каждую делаю .modal('show') модального окна, сам заполняю input-ы информацией которую нужно изменить, далее по клику на ...
0
голосов
1
ответ
49
показов
Проблема с руссификацией Datatable
я использую datatable для отображения таблицы но при русификации отваливается код js который отвечает за скрытие столбцов , это происходит только при вставке
language: {
url: '/js/Russian.json'}
при ...
0
голосов
1
ответ
25
показов
Верстка Bootstrap. Blade
Имеется представление.
И пользуется bootstrap.
Проблема заключается в том, что первый элемент при переборе отображается криво. В чем может быть причина?
Код представления
<div class="row&...
0
голосов
1
ответ
24
показа
Как выставить navbar-nav по центру в бутстрапе?
В общем сделал такую шапку:
Пытался выставить navbar-nav по центру с помощью justify-content-center но ставит как-то криво.
Вот код:
<!DOCTYPE html>
<html lang="ru">
<head>
&...
0
голосов
1
ответ
192
показа
Как адаптивно вставить Youtube Shorts на сайт?
Использую Bootstrap 4 при вёрстке. Задача: вставить адаптивное видео в формате шортс с ютуба (вертикальное видео). Для горизонтальных у бутстрапа есть пример
<div class="embed-responsive embed-...
-1
голос
1
ответ
26
показов
Как занять всё свободное место картинкой? (Bootstrap/HTML)
В общем, делаю страницу на Bootstrap, сделал Navbar, сделал Footer.
Присвоил тегу body классы d-flex flex-column и стиль "min-height: 100vh"
Структурно код выглядит так:
<html>
<...
0
голосов
1
ответ
32
показа
Как сделать перенос текста "завернутый " в badge?
В стили добавляю white-space: normal; - не помогает.
0
голосов
1
ответ
39
показов
Как сделать блоки одной высоты для десктоп версии и одной ширины для мобильной версии?
Всем привет. Имеется вот такая вёрстка на Bootstrap 4. Есть стилизованные "Radio", и в зависимости от количества текста внутри "label" высота у этих блоков разная, также при ...
0
голосов
0
ответов
17
показов
Как работает onSelect в react bootstrap 5 в карусели?
Не совсем понятно, как использовать onSelect.
Всё, что есть в документации:
onSelect function controls activeIndex
Callback fired when the active item changes.
(eventKey: number, event: Object | ...
0
голосов
0
ответов
9
показов
как вытащить активный айтем карусели в бутстрап 5 react
Есть карусель взятая из бутстрапа, на ней есть три айтема, переключаем только вручную, подскажите, пожалуйста, как можно получить значение активного айтема, как без нажатия на айтем можно получать ...
0
голосов
1
ответ
19
показов
Bootstrap под разные разрешения
Можно ли под разные разрешения использовать свойства bootstrap?чтобы к примеру к одному и тому же объекту было применено свойство одного типа, но под разные разрешения.подскажите пожалуйста
1
голос
1
ответ
46
показов
как убрать перенос текста на другую строку?
Использую навбар бутстрапа.И изначально navbar такой.Но при сужение сайта происходит такое:
вот весь код который связан с навбаром:
html :
<header>
<nav class="navbar navbar-...
0
голосов
0
ответов
28
показов
Где должен быть title страницы, если она формируется из трех шаблонов?
Сделал для тренировки MVC сайт на PHP. Как водится, у меня в папке View есть шаблон header.php, который цепляется сверху к главной странице и любой записи. Также есть footer.php. Есть шаблон тела ...
0
голосов
0
ответов
19
показов
как убрать сss свойства bootstrapa?
у меня есть карточка и в ней есть кнопка.Выглядит это вот так :
я хочу сделать так чтобы при нажатие кнопки,она не оставалась черной.
Сделал с помощью:
.btn:active {
background-color: white;
}
...
0
голосов
0
ответов
35
показов
Как переключить интерфейс butstrap 6 на русский язык
Люди подскажите как переключается язык интерфейса в bootstrap studio 6.3 на русский .
0
голосов
1
ответ
41
показ
Не работает Modal от react-bootstrap. В чем может быть причина?
У меня есть React компонент, в котором я хочу использовать компонент Modal от react-bootstrap. Подключаю файлы и компоненты, как это написано в документации:
import React, { useRef, useEffect, ...
0
голосов
1
ответ
36
показов
Как сделать меню которое отодвигает контент в bootstrap offcanvas
Закрывает текст, хотелось чтобы при открытии меню отодвигался текст
Вот так всё равно. Даже если position использовать