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

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

795 вопросов без принятого ответа или без ответа, за который были отданы голоса
Фильтрация
Сортировка
Метки
1 голос
0 ответов
33 показа

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

Сделал модальное окно авторизации на бутстрап, стилизовал его и так далее, но попробовав сделать модальное окно регистрации на том же бутстрапе, понял что они открывают одно и то же модальное окно. ...
Levott's user avatar
  • 11
1 голос
0 ответов
129 показов

Как закрыть все модальные окна VUE

Имеется div, в который вложены все модальные окна: <div class="market-modal"> <new-modal v-show="isShowModal" @close="toggleModal" :style="'...
vioeke's user avatar
  • 11
1 голос
0 ответов
26 показов

Проблема с запоминанием Tabs Bootstrap

имеются вложенные табы, при перезагрузке страницы все сбрасывается до таба 1-го уровня, хотелось бы чтоб при перезагрузке открывался последний таб (вложенный). Благодарю за помощь! Вот код: <ul ...
Igorrr_98's user avatar
1 голос
0 ответов
66 показов

Как масштабировать фон в сетке Bootstrap

Делаю свою первую страницу на сетке бутстрап и столкнулся с проблемой. Основное фото я сделал фоном к <header> и поместил в него лого, меню, подпись и кнопку. Но при масштабировании страницы фон ...
Влад's user avatar
1 голос
0 ответов
35 показов

Bootstrap5, как подвинуть элемент в колонке

возникла проблема, гугл карта заходит за текст, в html подключен bootstrap, пробовал через margin-left не работает. Сайт делаю на фреймворке фласк. Вот код элемента: <div class="hero-wrap"...
Ivan Forse's user avatar
1 голос
0 ответов
81 показ

Как сделать разрывы между блоками?

#row_main{ margin-left: 10%; margin-right: 10%; } #balance{ background: #D8932E; } #balance p{ color: #e0e0e0; font-size: 20px; font-family: 'Montserrat', sans-serif; } #escrow{ ...
user438563's user avatar
1 голос
0 ответов
110 показов

Не работает bootstrap accordion на React

Пишу SSR приложение на next Установил React bootstrap чтоб использовать его компоненты npm install react-bootstrap [email protected] Согласно документации использую подключение import Accordion from &...
Pavel8289's user avatar
  • 526
1 голос
0 ответов
68 показов

Замена bootstrap-vue для tailwind

У меня есть большой проект, написанный на bootstrap vue. Это очень удобно, когда в пару строк кода можно сделать модальное окно с анимацией и со всем, что нужно. Но я захотел переписать это на ...
Color kat's user avatar
  • 582
1 голос
0 ответов
57 показов

Bootstrap как уменьшить расстояние

<a href="#"> <div class="col-md-8"> <div class="card col-mb-2"> <img class="img-fluid" src="'; echo $img_deck; echo '" /> <div class="card-body"> ...
Top Gate's user avatar
1 голос
1 ответ
243 показа

При использовании табов вместе со слайдером возникают проблемы

Подскажите почему при использовании табов бутстрап вместе со слайдером свайпер , слайдеры ведут себя странно. При переключении табов слайдер не управляется стрелочками + мышкой перелистывается с ...
zxcqwe's user avatar
  • 359
1 голос
0 ответов
55 показов

Адаптивность разметки

Пытаюсь сделать небольшой адаптивный интерфейс с помощью Bootstrap 4, но получается с трудом. Есть страница, в которой две колонки при широком экране и одна при узком. У колонок есть содержимое ...
Игорь's user avatar
1 голос
0 ответов
116 показов

Как открыть вкладку 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
1 голос
1 ответ
123 показа

как отодвинуть картинку awesome от текста. html css

картинка пристыкована к тексту, на между ними сделать пробел? html, body { height: 100%; } body { display: flex; flex-direction: column; } ul { list-style-type: none; padding: 0; } /* ...
Sirius_MkLain's user avatar
1 голос
1 ответ
77 показов

Python перестал корректно работать после попытки смены IP через Psiphon

Много раз пробовал переустановить python, но так как я здесь это не помогло, так же и не помогла установка других версий python'а, в процессе установки она всегда останавливалась на моменте, когда ...
Michael_Strike's user avatar
1 голос
0 ответов
69 показов

Ошибка @PathVariable + bootstrap

Я только начинаю изучать spring, для простоты взяла bootstrap и freemarker. При использовании метода с @PathVariable возникает ошибка с бутстрапом, даже не смотря на то, что темплейт пустой. На ...
Инга Куксова's user avatar
1 голос
0 ответов
34 показа

В bootstrap содержимое класса "col-6" нужно прижать вправо. Всю голову сломал

Пробовал display: float-right; justify-content: right;
Angelina's user avatar
1 голос
0 ответов
17 показов

Возможно ли загрузить библиотеку d3js on scroll?

Есть страница, фреймворк bootstrap 4.5 на которой графики, реализованные на d3js находятся глубоко внизу страницы (страница длинная). Существует ли возможность подгружать библиотеку отрисовки по мере ...
Silver's user avatar
  • 41
1 голос
0 ответов
40 показов

Почему в Wordpress не применяются стили в меню от Bootstap?

Пытаюсь сделать динамическое меню на вордпрессе, на основе темы. В wp_nav_menu в container_class и menu_class проставляю тот же класс, что у меню в верстке navbar-nav ml-auto, но по стилям получается ...
Ziora's user avatar
  • 115
1 голос
1 ответ
50 показов

Модульное окно открывается только после 2х кликов

Почему модульное окно открывается только после двойного клика? Карточка товара: <div class="quick-view card product-card-alt"> <a class="view" data-id="{{$food->...
Alex's user avatar
  • 51
1 голос
0 ответов
17 показов

Bootstrap4 - вывод сетки блоков обходя определенный блок в центре

нужна помощь. Как сверстать систему сеток, так что бы добавленные блоки обходили определенный блок находящийся именно по центру на пример |_ col | col | col | Staick block | col | col | col _| Вот ...
Tilea Website's user avatar
1 голос
0 ответов
47 показов

Добавление стилей в bootstrap форму

У меня есть selection форма на Bootstrap. Мне нужно добавить для этой формы стили, чтобы она была такой же как на картинке ниже. Ниже привел код html и css для формы на картинке. html форма для ...
abby's user avatar
  • 665
1 голос
1 ответ
236 показов

Bootstrap перекрывает мои стили

В своем коде я подключаю навбар. Когда наводишь на ссылки, они должны быть красными, но если я подключаю бутстрап, то этого не происходит. @include('layouts.inc.navbar') <link rel="stylesheet" ...
Resawa's user avatar
  • 31
1 голос
0 ответов
106 показов

Передача данных в модальное окно Symfony + Bootstrap

У меня есть есть листинг с кнопками редактирования. и удаления объекта. При клике на удаление появляется модальное окно с подтверждением. Проблема в том, что мне нужно передать правильный ID объекта, ...
MyZik's user avatar
  • 2,861
1 голос
1 ответ
464 показа

Как сделать фоновое изображение под размер видимой области на мобильном устройстве?

Когда открываешь сайт на мобильном устройстве, видно, что фоновое изображение зависит от количества контента на странице, там где его больше - фоновое изображение увеличивается, где меньше - ...
Bob KapusAkba's user avatar
1 голос
0 ответов
122 показа

Конвертировать Bootstrap в чистый CSS&HTML

Интересует вопрос, можно ли конвертировать код Bootstrap 4 в чистые HTML&CSS? если это возможно, то как?
Ram Ce's user avatar
  • 304
1 голос
0 ответов
14 показов

IE 11 и респонсивные изображения в Bootstrap 3.3.2

Есть сайт, построен на Bootstrap 3.3.2. Логотип сайта и логотипы внизу страницы неправильных размеров (очень большие). Подскажите куда смотреть, как исправить? <meta http-equiv="X-UA-Compatible" ...
Дмитрий Гвоздь's user avatar
1 голос
0 ответов
45 показов

Как задать тегам "a" (баттонам) стиль списка?

не могу из этих тегов "а" переделанных под баттоны сделать список. Как то стрёмно и хаотично они стоят. Вот и код мой <div class="col-12 xl-sm-3 col-md-3 col-xl-3" id="group_all class="brd8"> ...
Мухаммадёр Жураев's user avatar
1 голос
2 ответа
1k показов

Bootstrap4 плавный скролл

html : <style> .checkpoint { margin-top: 800px; width: 100px; height: 100px; background: black; } </style> <header> <nav class='navbar navbar-expand-...
Андрей Колесников's user avatar
1 голос
0 ответов
100 показов

Как сделать выпадающее меню на всю ширину, когда родитель вложен в контейнер?

Есть bootstrap меню навигации. Как сделать так, чтобы выпадающее меню было на всю ширину страницы независимо от разрешения экрана? Сложность заключается в том, что родительское меню nav находится в ...
Вася's user avatar
  • 4,482
1 голос
0 ответов
116 показов

Убрать двойной клик по Dropdown в Navbar, Bootstrap 4.3

У меня на сайте возникла проблема с кликами по ссылке Dropdown. Эта проблема возникла при подключении библиотеки отвечающую за вывод Tooltip-ов. До подключения этой библиотеки требовался один клик для ...
Григорий Каданер's user avatar
1 голос
1 ответ
49 показов

Как сделать div'ы в двух соседних колонках одинаковыми по высоте?

Имеется адаптивная таблица на Bootstrap: <section class="print-block__table"> <div class="container"> <div class="row"> <div class="col-lg-5 offset-lg-1 pr-lg-0"&...
Alexandr Järvi's user avatar
1 голос
0 ответов
48 показов

Верстка сайта, кнопки-меню по периметру области

Появилась проблема с версткой меню сайта. Серверная технология используемая asp.net mvc. По периметру области страницы должны быть расположены кнопки-меню, постарался в Paint нарисовать.В верхней и ...
Denis Ivanov's user avatar
1 голос
1 ответ
242 показа

Не выводит стили на печать

Использую bootstrap. На некоторых строках таблицы есть определённый стиль. При выводе на печать таблицы, цвет строки пропадает. Видел много решений данной проблемы, но ничего не сработало. Где-то ...
Aleksey Muratov's user avatar
1 голос
1 ответ
35 показов

Не могу сделать шапку через Bootstrap, ошибка в консоли

Учусь работать в Bootstrap, решил сделать шапку сайта, на сайти в консоли кода выскакивает ошибка: util.js:55 Uncaught TypeError: Cannot read property 'fn' of undefined at util.js:55 at bootstrap....
Арсений Худоногов's user avatar
1 голос
1 ответ
29 показов

Hover function для меню

Есть структура: $('li').hover(function(){ $(this).addClass('active'); }, function(){ $(this).removeClass('active'); }); <ul class="list-group"> <li class="list-group-item"&...
webpauk's user avatar
  • 19
1 голос
1 ответ
128 показов

Не отображается повторно drop down menu

Возникла проблема при использовании bootstrap шаблона. Есть navbar на котором стоит drop down menu, при первом нажатии оно отображается, а при следующих - нет. В чём может быть проблема? Для работы ...
user avatar
1 голос
2 ответа
76 показов

Google показывает <title> задом наперед

Всем привет, прошу помощи. Гугл отображает title в результате поиска задом наперед. При чем, видит проиндексированную страницу правильно. Исходник: <!DOCTYPE html> <html lang="ru">...
Alexander Vasilevich's user avatar
1 голос
0 ответов
336 показов

Как правильно подключить bootstrap и jquery в webpack-encore на symfony 4.2?

Подскажите пожалуйста в чём заключается проблема подключения bootstrap и jquery в webpack-encore на symfony 4.2? //webpack.config.js var Encore = require('@symfony/webpack-encore'); Encore ...
Евгений's user avatar
1 голос
0 ответов
552 показа

Адаптация под мобильные устройства bootstrap carousel

Есть два слайда для слайдера, в каждом слайде находится 4 блока с информацией. На десктопе показывает 4 блока, на планшете 2, а на мобильном всё идет в колонку, а не "прячется". Я не могу понять, ...
ccxdec's user avatar
  • 1,821
1 голос
0 ответов
59 показов

Как сделать динамичный background, при заданном filter:blur?

помогите решить проблему. Есть header с содержимым, ему задал background-image, "заблюрил", задал linear-gradient, чтобы filter не вылез на весь блок header создал для этого отдельный блок .blur, туда ...
Сергей's user avatar
1 голос
0 ответов
98 показов

Скрыть все bootstrap popover

Вывожу popover в таблице в каждой строке, когда открываю следующий popover предыдущий закрывается, но если повторно хочу открыть тот popover который закрылся, то это получается сделать только при ...
Sorpok's user avatar
  • 515
1 голос
1 ответ
79 показов

При создании динамического блока не работает mask'a для ввода

С помощью JS создается динамический блок, часть кода: divtest.innerHTML = '<div class="blockname">'+ '<form action="" method="post">'+ 'Дата рождения'+ ...
nameisusselesinfo's user avatar
1 голос
0 ответов
73 показа

Верстка на Bootstrap 4. Работа с col-lg-

У меня такой вопрос, вот если я хочу задать ширину и высоту для шапки сайта на Bootstrap 4, то мне не нужно устанавливать col-lg- ?
Магомедрасулов Ибрагим's user avatar
1 голос
1 ответ
27 показов

Не могу заставить открываться список jQuery

Суть проблемы в следующем: есть что-то типа меню, и есть подпункты в виде кнопок. Я хочу сделать так, чтобы эти подпункты исчезали, если экран меньше 767px (иначе кнопки становятся в рандомном порядке ...
Mikhail Ladonkin's user avatar
1 голос
0 ответов
37 показов

Не работает bootstrap markdown

Сделано все по инструкции, самое меню показывает которое прописано тут <textarea class="form-control" id="text" data-provide="markdown-editable" data-provide="markdown" name="text" rows="3" ...
Naykon's user avatar
  • 77
1 голос
0 ответов
251 показ

Возможно ли в markdown отобразить произвольне html-код и стили?

Собирался задокументировать некоторые HTML/CSS/JavaScript виджеты (предположим, что просто улучшенные поля ввода или радиокнопки), но тут же задался вопросом: как отобразить в markdown-документации не ...
Боков Глеб's user avatar
1 голос
0 ответов
140 показов

Плавная смена текста и фонового изображения по клику на кнопку

Пытаюсь реализовать через JQ смену (еще и с анимацией, например, плавное появление) фонового изображения и текста по клику на кнопку. Суть такая: по умолчанию, при загрузке странице, стоит фоновое ...
Petya's user avatar
  • 41
1 голос
1 ответ
224 показа

PageSpeed Insights ругается на оптимизацию, не могу найти причину такого показателя

PageSpeed Insights Ругается на ужасный показатель, причину того найти не могу, сжал изображения насколько это было возможно с 50 до 9мб, убрал лишний код и подключения, в чем может быть проблема, ...
user287060's user avatar
1 голос
0 ответов
37 показов

Как сделать чтобы на md экране offset убирался тоесть был только для lg

<!DOCTYPE html> <html> <head> <title>doctype</title> <meta charset="utf-8"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/...
Алёша Авилов's user avatar
1 голос
0 ответов
816 показов

Полная высота col в row Bootstrap 4

Как сделать так что бы вторая col-12 была во всю высоту блока row? То бишь автоматически занимал всю оставшуюся высоту не зависимо какой высоты первый col-12. html, body { height: 100%; } ....
Tsyklop's user avatar
  • 3,847