Популярные ответы с меткой

5 голосов
Принятый

Оставить меню при смене страницы

Переименуйте файл в расширение php, меню вынесите в отдельный файл, также с расширением php. И подключайте в главном файле с помощью этой конструкции <?php require_once('menu.php'); ?>, ...
Bert's user avatar
  • 1,585
5 голосов

Bootstrap 4 на float

Только Bootstrap 3. По тому как , это было один из главных критерий перехода на Flexbox. Почитай документацию....
Анатолий Яцуненко's user avatar
5 голосов

Плавное перемещение меню сайта

Можно задать классу меню свойства position: fixed; top: 0; left: 0 Либо, position: sticky; top: 0; left: 0; Зачем из JS это делать, я пока не понял.
Alex Sazonov's user avatar
  • 2,821
5 голосов

Прижать footer к низу

Изначально рекомендую ознакомиться с основами верстки и документацией по bootstrap. webref.ru webref.ru/layout/bootstrap4 getbootstrap.com/docs/4.4 Что не так в Вашем примере?! То что Вы просто ...
SVE's user avatar
  • 22.3k
4 голоса
Принятый

username.github.io html не отображаются картинки

bootstrap-example\images\zmeya.jpg это не правильный путь (к тому же и слэш не в ту сторону повёрнут:) ), поставьте себе IDE нормальную которая будет подсвечивать ошибки. (например WebStorm) так ...
Nickolay Rudak's user avatar
3 голоса
Принятый

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

1 - Семантически не верно ставить <a></a> во внутрь <button></button> или наоборот. Исправьте! 2 - Вашу задачу можно решить с помощью css transitions: button { ...
kizoso's user avatar
  • 9,303
3 голоса
Принятый

Не появляется кнопка (адаптпация)

Посмотрите таблицу, по какому принципу работают классы - .d-hide .d-block. В вашем случае, для широкого экрана нужно добавить .d-lg-block, чтобы показать кнопку: * { border-radius: 0 !...
kizoso's user avatar
  • 9,303
3 голоса
Принятый

Bootstrap 4 закрыть dropdown при клике по другому элементу

Вот пример <div class="dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Статьи <span class="caret"></span></...
Ara Chinaryan's user avatar
3 голоса
Принятый

Обёртка в -col- лишняя?

Философский вопрос, так как можно сделать всё что угодно, и оно даже может работать. Но на мой взгляд это совершенно не корректно. col и row отвечают за сетку, и их не следует путать с другими ...
kizoso's user avatar
  • 9,303
3 голоса
Принятый

HTML: при нажатии на переключатель radio - отобразить числовое поле ввода в той же линии

#own:not(:checked) ~ #own-size { display: none } #own-input {display: flex} #own-input label {flex-basis: 100%; } <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/...
Nilsan's user avatar
  • 1,115
3 голоса

Как выровнять текст по вертикали и горизонтали на bootstrap4?

Учитесь пользоваться поиском на сайте Bootstrap. Пример можно посмотреть тут. Вариант 1: <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" ...
doox911's user avatar
  • 3,704
3 голоса
Принятый

Ломается верстка формы при оборачивании в div class="row"

UPD <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" ...
humster_spb's user avatar
  • 13.5k
3 голоса
Принятый

Bootstrap 4 не растягивает блок на всю ширину экрана

Добавьте к container-fluid классы m-0 p-0, а к row класс no-gutters: span { display: block; background: #eee; height: 50px; } <link rel="stylesheet" href="https://stackpath....
kizoso's user avatar
  • 9,303
3 голоса
Принятый

Bootstrap 4 + Isotope

Когда мы задаём имя класса в параметре columnWidth, блок с этим классом помогает изотопу определить ширину базовой колонки. Поскольку в вашем примере используются колонки с классами ....
Gleb Kemarsky's user avatar
3 голоса
Принятый

Не отправляются данные формы

у кнопки замените на type="submit
Kjuri's user avatar
  • 1,739
3 голоса

Верстка nav (кастомная кнопка)

Для таких случаев обычно используются псевдоклассы ::before и ::after. Ваш пример с ними. .btn__active::before { content: ''; position: absolute; background: url(http://mail-investbary.com/wp-...
Arsenty's user avatar
  • 99
3 голоса
Принятый

Непонятный отступ в шапке сайта

Так видео не на всю высоту, если хотите чтобы не было белого пространства (видео на всю высоту), то задайте: .video { position: absolute; z-index: 0; width: 100% !important; height: 100% !...
SVE's user avatar
  • 22.3k
3 голоса
Принятый

Как выровнять слайд в карусельке по центру страницы

Как вариант можно добавить center-block в class к img: <img src="..." class="d-block w-100 center-block" alt="..."> У меня на данном коде карусельки, это размещает ...
Rur1k's user avatar
  • 46
2 голоса

Возможно ли убрать отступы

<div class="container"> <div class="row"> <div class="col-6"> <img src="img/2.jpg" alt="" class="img-fluid"> </div> <div class="...
Qwertiy's user avatar
  • 121k
2 голоса

Насколько нужны автопрефиксы типа webkit- в сетке bootstrap4

1) Заходим на сайт caniuse.com, вводим нужное свойство, и смотрим (напр. для display: flex) Usage Global 94.53% + 3.55% = 98.08% unprefixed 94.23% + 2.72% = 96.95% Получаем, ...
DiDex's user avatar
  • 2,298
2 голоса

Выровнять 2 кнопки влево и вправо в Bootstrap 4

Например вот так. .flex-box { display: flex; justify-content: space-between; } <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.4/css/bootstrap.css" rel=...
Ilia Brykin's user avatar
  • 1,633
2 голоса
Принятый

Как отобразить navbar-brand превышающий размерами navbar?

как вариант использовать hack для ie10+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .navbar .container{ margin-top: -22px; } }
soledar10's user avatar
  • 27.4k
2 голоса

Как менять текст ссылки если блоки работают как «аккордеон»?

Решила сама. Если кому надо, то вот: https://jsfiddle.net/Lpqnejw8/ /* Аккордеон для блоков */ $(document).mouseup(function (e){ var accordeon = $(".accordeon.show"); var changeToggle = $("[...
Елена's user avatar
2 голоса
Принятый

Bootstrap Navbar: при открытии меню, часть шапки оказывается под ним

Поместите выпадающее меню в конец блока. Меню не спозиционированно абсолютно, и поэтому смещает вашу ссылку: <script src="https://code.jquery.com/jquery-2.0.3.js"></script> <link ...
kizoso's user avatar
  • 9,303
2 голоса
Принятый

Множественный выбор в выпадающем списке с использованием Angular 5 и Bootstrap 4

Я не знаю какая цель стоит перед вами в реализации комбобокса, поэтому приведу маленький пример с интеграцией этого примера, от которого будем дальше отталкиваться. Пусть у нас будет select с ...
overthesanity's user avatar
2 голоса
Принятый

Наложение колонок друг на друга Bootstrap

Пример: .right { position: relative; z-index: 2; margin-left: -8.333333%; } .left { margin-right: -8.333333%; } @media (max-width: 767.98px) { .left, .right { ...
SVE's user avatar
  • 22.3k
2 голоса

как изменить цвет гамбургера в мобильной версии

Белая кнопка (цвет в stroke): background-image: url("data:image/svg+xml ... stroke='rgba(255, 255, 255, 1)' .... или темная background-image: url("data:image/svg+xml ... stroke='rgba(0, 0, 0, 1)' ....
user3178479's user avatar
2 голоса
Принятый

Как сделать общую навигацию для нескольких bootsrap carousel?

$(document).ready(function(){ var c1 = $('#carouselExampleControls').carousel(), c2 = $('#carouselExampleSlidesOnly').carousel(), c3 = $('#carouselExampleSlidesOnly2').carousel(); ...
Pavel's user avatar
  • 2,524
2 голоса
Принятый

Bootstrap 4 выровнять кнопку вертикально?

Колонке задаёте класс d-flex, а кнопке - align-self-center: <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-...
humster_spb's user avatar
  • 13.5k

Only top scored, non community-wiki answers of a minimum length are eligible