Вопросы с меткой [bootstrap4]
Данную метку использовать во всех вопросах связанных с Bootstrap 4. Четвертая версия фреймворка от Twitter, является почти полностью переписанным Bootstrap 3. Рекомендуется использовать метку совместно с основной [bootstrap]
238
вопросов
0
голосов
1ответ
28 показов
Индикаторы Карусели Bootstrap 4
Коллеги.
Не подключаются индикаторы в Карусели Bootstrap 4. Не могу понять причину. Диспетчер показывает, что они есть в документе, но к ним не применены стили, все по нолям, применяю стили, ...
0
голосов
1ответ
19 показов
Не работает выпадающее меню, при уменьшении разрешения экрана
Только начал разбираться с bootstrap и наткнулся на проблему с не работающим выпадающим списком при уменьшении разрешения экрана. Я так подозреваю ошибка у меня скрывается в не правильном подключении ...
0
голосов
0ответов
13 показов
Не работает валидация формы на HTML5 при подгрузке формы аяксов в modal dialog
Форма подгружается на bootstrap4 в modal dialog. У полей поставил атрибут required. Не нашел в интернете решения проблемы. Как можно активировать валидацию html5 полей формы?
0
голосов
1ответ
17 показов
Вопрос по Bootstrap или по CSS
Вопрос заключается в том что сетку то есть Grid не действует padding контейнера, как это исправить,
Например на заголовку действует а сетку не действует, помогите пожалуйста
Внизу код
<!DOCTYPE ...
0
голосов
1ответ
19 показов
Как в bootsrap 4 удалить все breakpoint?
Как удалить вообще все breakpoints из Bootstrap 4.
Например, в стандартной сборке есть классы "col", "col-xs", "col-sm" и т.д.
Из них мне нужен только один "col&...
0
голосов
0ответов
18 показов
Неправильное отображение элемента из css с использованием bootstrap на телефоне
Необходимо для собственных нужд сделать небольшую веб морду. И поверх картинки наложить текст. Для пк версии написал небольшой кусок который накладывает по верх картинки текст но при открытии с ...
0
голосов
0ответов
15 показов
Выравнивание карточек по вертикали bootstrap 4
немогу разобраться с ситуацией: как реализовать одинаковые по высоте карточки, а именно зависимость высоты карточки от объема контента внутри любой карточки. Возможно описал не достаточно понятно - ...
0
голосов
0ответов
27 показов
Как сделать отдинаковый отступ между колонками и краем экрана в Bootstrap?
Хочу сделать отступ между колонками. Чтобы он был таким же по ширине, как отступы от краёв экрана до колонок. Это в случае когда колонки помещаются по ширине экрана.
После того, как экран становится ...
0
голосов
0ответов
8 показов
Проблема с блоком поиска при установке курсора
помогите, пожалуйста, разобраться с проблемой. Пытаюсь сделать похожий header с формой поиска по клику http://themes.semicolonweb.com/html/canvas/header-semi-transparent-dark.html
Вроде все получилось,...
0
голосов
1ответ
19 показов
Как сделать кнопки разной высоты в тулбаре bootstrap4
При переходе с bootstrap 3 на bootstrap 4 возникла, некоторая проблема, а именно, в 3ей версии, несколько кнопок разного размера обёрнуты в тулбар. В 4й версии, все кнопки в тулбаре автоматически ...
-2
голоса
1ответ
21 показ
Position Absolute в Bootstrap?
Здесь на макете я вывел блок upline поверх parentline и прижал к верху через стиль css. Существует для этого встроенный метод в Bootstrap 4? Я не нашел к мурзилке.
.upline {
z-index: 1100;
...
0
голосов
1ответ
31 показ
Яндекс Карты по координатам в модальном окне
Почему функция ymaps не видит координаты?
Пример
jQuery:
ymaps.ready(init);
var lat = $(this).data('LA');
var long = $(this).data('LO');
function init (lat, long)
{
var myMap =...
0
голосов
1ответ
31 показ
Непонятный отступ в шапке сайта
В шапке сайта образовался непонятный отступ при верстке сайта, помогите, пожалуйста.
HTML
html,
body {
width: 100%;
height: 100%;
}
header {
width: 100%;
height: 100%;
background-size: ...
0
голосов
1ответ
15 показов
Как в bootstrap отключить изменение порядка следования адаптивных блоков
Делаю сайт на Joomla. Шаблон Helix3.
Нужно, чтобы на мониторах с шириной 600px и 800px сайт выглядел также как и на больших мониторах (1920х1080 и выше). А из-за Bootstrap он складывается. Блоки ...
0
голосов
0ответов
25 показов
Стилизация модального окна bootstrap
Как стилизовать окно Bootstrap? Как бы я не пытался, окно не сильно поддаётся стилизации через css. Максимум что я смог, это стилизовать кнопку. (!important тоже не помогает).
Возможно ли вообще ...
0
голосов
0ответов
8 показов
Не отправляется форма обратной связи на почту
есть форма обратной связи. Она работала, пока я не добавил input file. Пока не понадобилась возможность прикреплять файл, все работало. Я добавил пару строк кода, а именно:
<form class=&...
0
голосов
1ответ
23 показа
Изменить текст кнопки в html в input type="file (Bootstrap4)
Есть форма. Принимает файлы. Используется bootstap4. По стандарту в стилях написано Choose file справа от кнопки надпись No file chosen. Я не могу поменять, как поменять данный текст. И стили тыкал ...
0
голосов
1ответ
61 показ
Оцените верстку шаблона [закрыт]
Начал заниматься версткой месяца 2 назад, поэтому не совсем разбираюсь, насколько правильно сделана верстка и написан код, так что нужно, чтобы разбирающиеся люди помогли советом.
https://valeri-afk....
0
голосов
0ответов
29 показов
как написать media в перевернутом виде в bootstrap 4?
как написать media в перевернутом виде в bootstrap 4?
col-12 col-sm-6 col-md-3 так сделал но sm в перевернутом виде не поддерживает
0
голосов
2ответа
31 показ
Как убрать границу одного элемента в бутстрапе
Есть корзина, которая построена на таблице bootstrap. Один элемент выходит за ее поля и к нему дорисовывается верхняя граница, она тоньше чем та, что у других элементов. Хочу убрать ее у элемента ...
0
голосов
1ответ
13 показов
Hidden bootstrap 4
Подскажите как на bootstrap 4 реализовать аналог class="hidden-xs hidden-sm" как на bootstrap 3
0
голосов
1ответ
28 показов
Выравнивание размера изображений в карусели по вертикали
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></...
0
голосов
0ответов
49 показов
Использование bootstrap-datepicker и Inputmask
Для верстки формы ввода решил использовать bootstrap 4 + bootstrap-datepicker + Inputmask. В принципе, все получилось как хотел. Но один функционал все же работает не так, как надо. А именно... Если я ...
0
голосов
0ответов
19 показов
Проблема с обновлением чата
Подскажите пожалуйста в чем может быть ошибка? Это чат, сообщения чата всегда внизу и обновляются при отправке, но скролл почему-то постоянно через несколько секунд в середину переходит
<script>
...
0
голосов
0ответов
20 показов
Помощь с разметкой. Bootstrap 4
Подскажите, почему в самом маленьком варианте размера экрана кнопки наезжают на заголовок при такой разметке и как это исправить?
Есть такая разметка
<div class="container-fluid">
&...
1
голос
0ответов
10 показов
Bootstrap 4 grid, колоночная верстка col md offset и прочее
Всем привет, это мой первый вопрос на стуковерфлоу, и так, я изучаю верстку с помощью bootstrap 4 , и там используется технология grid, мой ментор каким-то волшебным образом когда создает контейнер ...
0
голосов
0ответов
18 показов
Почему Bootstrap slider растягивается на весь экран?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=...
1
голос
1ответ
17 показов
Сетка Bootstrap с шириной менее 577px
Вроде бы элементарная тема, заранее прошу прощения. Помогите, пожалуйста, понять что происходит с сеткой... При уменьшении ширины экрана ниже 577px каждая колонка начинает занимать все 12 ячеек. Не ...
2
голоса
1ответ
43 показа
Общий фокус для “группы ввода” bootstrap 4
Создаю группу ввода согласно документации bootstrap 4. По-умолчанию, при выборе элемента ввода, фокусная рамка отрисовывается только вокруг текстового поля.
<div class="d-flex flex-row form-...
0
голосов
1ответ
23 показа
Как изменить позицию navbar для мобильных устройств?
Имеется навигационная панель на Bootstrap, по умолчанию она закреплена сверху с помощью класса fixed-top, необходимо сделать таким образом, чтобы на мобильных устройствах данный класс заменялся на ...
0
голосов
1ответ
28 показов
Как разместить элементы начиная с определённой колонки bootstrap 4
Вообщем начинаю учить bootstrap, столкнулся с проблемой:
Должно выглядеть вот так:
Как видите header, именно кнопки не получатся такими же, пробовал через margin (костылями), пробовал через margin ...
0
голосов
1ответ
82 показа
bootstrap, form-inline как не переносить текст на новую строку?
Мне нравится как работает form-inline, выравнивая элементы в строку, но как заставить последний span class="text-danger" на разных экранах вести себя по разному, если не вмещается в экран не ...
0
голосов
1ответ
44 показа
Как передать Юзера?
У меня есть задание сделать нового юзера (использую Spring Boot) и сначала я сделал через ссылку на страницу создания нового юзера, через гет запрос, контроллер ловит и передает в Model аттрибутом ...
0
голосов
1ответ
20 показов
Выровнять ссылки в Navbar bootstap 4
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="collapse navbar-collapse" id="navbarSupportedContent">...
0
голосов
0ответов
6 показов
Bootstrap modal form - при нажатии на “submit” приложение не перенаправляет на указанный файл в “action”, а оставляет на главной странице. Что делать?
Bootstrap modal form - при нажатии на "submit" приложение не перенаправляет на указанный файл в "action", а оставляет на главной странице. Что делать?
1
голос
1ответ
56 показов
Модальное окно bootstrap + контроллер
подскажите пожалуйста, как мне подвязать модальное окно к каждому пользователю из списка. код прилагается.p.s обычная кнопка удаления норм работает, а с модальным окном разобраться не могу.
<div ...
0
голосов
0ответов
18 показов
Neither BindingResult nor plain target object for bean name 'user' available as request attribute
Ну, по порядку)
Из контроллера на страницу идут список пользователей и список всех имеющихся ролей из базы.
modelMap.addAttribute("users", userService.getUserList());
...
0
голосов
0ответов
24 показа
Bootstrap4, не работает позиционирование элeментов
Всем привет. Делаю учебный проект. Для верстки использую bootstrap4. Внутри элемента .container находятся 2 строки. С помощью класса align-items-center не получается поставить элементы в середину по ...
0
голосов
1ответ
21 показ
Выравнивание элементов меню bootstrap 4
Расположить по центру элементы меню - не получается
Скриншот
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://...
0
голосов
0ответов
4 показа
Как сменить расположение блоков при нужном разрешение?
Подключена сетка bootstrap, но не отрабатывает push pull
Сайт, где нужно это применить - https://vision-reality.de/3d-animation/
<div class="row sec-3__row">
<div class="...
0
голосов
1ответ
27 показов
Как переписать нестандартные табы с Bootstrap 3 на Bootstrap 4?
Есть нестандартные табы для bootstrap, написанные для версии 3:
$(document).ready(function() {
var tab = $('#myTab');
var num = tab.find('.nav-tabs li').length - 1;
$('.next').click(...
0
голосов
1ответ
12 показов
Размещение 2 блоков
Имеется 2 блока на страничке, стоящие рядом в 1 строке, при уменьшении экрана второй блок должен становиться под первый. Не могу решить данную проблему (новечек в бутстрапе). Подскажите пожалуйста ...
0
голосов
1ответ
30 показов
Bootstrap4: После добавления подвала появляется линия с фоном
я делаю сайт, начал делать подвал, вроде сдедал. Проверил, вроде выглядит нормально.
Начал проверять мобильную версию, и обнаружил артефакт, вот он
При удалении подвала, эта линия пропадает, и сразу ...
0
голосов
1ответ
24 показа
Bootstrap 4. Странная валидация
Столкнулся с этим при верстке формы.
<div class="form-group">
<input type="text" name="name" class="form-control form-control-lg is_invalid">
&...
-1
голос
1ответ
20 показов
конфликт библиотек jquery и bootstrap 4
Столкнулся с такой проблемой, что если подключаю jquery, cdn которого расположен на сайте bootstrap 4, у меня работает отслеживание события show.bs.modal, но не работает
$(document).on('click', '....
0
голосов
1ответ
19 показов
Bootstrap4: Как выровнить изображение в меню?
Я не могу справиться с меню, я по большей части backend'ер
Но пришлось делать frontend.
Вот меню,
<nav class="navbar navbar-dark bg-dark text-light">
<a href="/product" class="text-...
1
голос
2ответа
236 показов
Деактивация input с введенными данными по кнопке
На сайте создал поиск с полем input и type="search", разметка Bootstrap 4
В мобильных приложениях где есть Поиск, когда нажимаешь в поле Поиск появляется клавиатура для ввода. Чтоб её закрыть - ...
1
голос
1ответ
35 показов
Collapse bootstrap скрывать на мобильных
Сейчас блок всегда открыт. Задача - скрывать toggle-элемент на мобильных устройствах.
<a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="true" ...
0
голосов
1ответ
39 показов
Адаптивная верстка bootstrap 4 проблема с 320px
Вопрос звучит так:
Как можно менять через css при экране в 320px.
<header class="header">
<div class="container header__container">
<div class="header__info">
<...
0
голосов
1ответ
50 показов
Как отменить свойства псевдокласса :active для элемента dropdown?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<...