5
голосов
Принятый
Оставить меню при смене страницы
Переименуйте файл в расширение php, меню вынесите в отдельный файл, также с расширением php.
И подключайте в главном файле с помощью этой конструкции <?php require_once('menu.php'); ?>,
...
5
голосов
Bootstrap 4 на float
Только Bootstrap 3. По тому как , это было один из главных критерий перехода на Flexbox. Почитай документацию....
5
голосов
Плавное перемещение меню сайта
Можно задать классу меню свойства
position: fixed; top: 0; left: 0
Либо,
position: sticky; top: 0; left: 0;
Зачем из JS это делать, я пока не понял.
5
голосов
Прижать footer к низу
Изначально рекомендую ознакомиться с основами верстки и документацией по bootstrap.
webref.ru
webref.ru/layout/bootstrap4
getbootstrap.com/docs/4.4
Что не так в Вашем примере?!
То что Вы просто ...
4
голоса
Принятый
username.github.io html не отображаются картинки
bootstrap-example\images\zmeya.jpg
это не правильный путь (к тому же и слэш не в ту сторону повёрнут:) ), поставьте себе IDE нормальную которая будет подсвечивать ошибки. (например WebStorm)
так ...
3
голоса
Принятый
Как стилизовать кнопку с фоном выходящим за ее пределы и при наведении возвращающимся обратно?
1 - Семантически не верно ставить <a></a> во внутрь <button></button> или наоборот. Исправьте!
2 - Вашу задачу можно решить с помощью css transitions:
button {
...
3
голоса
Принятый
Не появляется кнопка (адаптпация)
Посмотрите таблицу, по какому принципу работают классы - .d-hide .d-block. В вашем случае, для широкого экрана нужно добавить .d-lg-block, чтобы показать кнопку:
* {
border-radius: 0 !...
3
голоса
Принятый
Bootstrap 4 закрыть dropdown при клике по другому элементу
Вот пример
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Статьи
<span class="caret"></span></...
3
голоса
Принятый
Обёртка в -col- лишняя?
Философский вопрос, так как можно сделать всё что угодно, и оно даже может работать. Но на мой взгляд это совершенно не корректно. col и row отвечают за сетку, и их не следует путать с другими ...
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/...
3
голоса
Как выровнять текст по вертикали и горизонтали на bootstrap4?
Учитесь пользоваться поиском на сайте Bootstrap. Пример можно посмотреть тут.
Вариант 1:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" ...
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" ...
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....
3
голоса
Принятый
Bootstrap 4 + Isotope
Когда мы задаём имя класса в параметре columnWidth, блок с этим классом помогает изотопу определить ширину базовой колонки.
Поскольку в вашем примере используются колонки с классами ....
3
голоса
Принятый
3
голоса
Верстка nav (кастомная кнопка)
Для таких случаев обычно используются псевдоклассы ::before и ::after. Ваш пример с ними.
.btn__active::before {
content: '';
position: absolute;
background: url(http://mail-investbary.com/wp-...
3
голоса
Принятый
Непонятный отступ в шапке сайта
Так видео не на всю высоту, если хотите чтобы не было белого пространства (видео на всю высоту), то задайте:
.video {
position: absolute;
z-index: 0;
width: 100% !important;
height: 100% !...
3
голоса
Принятый
Как выровнять слайд в карусельке по центру страницы
Как вариант можно добавить center-block в class к img:
<img src="..." class="d-block w-100 center-block" alt="...">
У меня на данном коде карусельки, это размещает ...
2
голоса
Возможно ли убрать отступы
<div class="container">
<div class="row">
<div class="col-6">
<img src="img/2.jpg" alt="" class="img-fluid">
</div>
<div class="...
2
голоса
Насколько нужны автопрефиксы типа webkit- в сетке bootstrap4
1) Заходим на сайт caniuse.com, вводим нужное свойство, и смотрим (напр. для display: flex)
Usage
Global 94.53% + 3.55% = 98.08%
unprefixed 94.23% + 2.72% = 96.95%
Получаем, ...
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=...
2
голоса
Принятый
Как отобразить navbar-brand превышающий размерами navbar?
как вариант использовать hack для ie10+
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.navbar .container{
margin-top: -22px;
}
}
2
голоса
Как менять текст ссылки если блоки работают как «аккордеон»?
Решила сама. Если кому надо, то вот: https://jsfiddle.net/Lpqnejw8/
/* Аккордеон для блоков */
$(document).mouseup(function (e){
var accordeon = $(".accordeon.show");
var changeToggle = $("[...
2
голоса
Принятый
Bootstrap Navbar: при открытии меню, часть шапки оказывается под ним
Поместите выпадающее меню в конец блока. Меню не спозиционированно абсолютно, и поэтому смещает вашу ссылку:
<script src="https://code.jquery.com/jquery-2.0.3.js"></script>
<link ...
2
голоса
Принятый
Множественный выбор в выпадающем списке с использованием Angular 5 и Bootstrap 4
Я не знаю какая цель стоит перед вами в реализации комбобокса, поэтому приведу маленький пример с интеграцией этого примера, от которого будем дальше отталкиваться. Пусть у нас будет select с ...
2
голоса
Принятый
Наложение колонок друг на друга Bootstrap
Пример:
.right {
position: relative;
z-index: 2;
margin-left: -8.333333%;
}
.left {
margin-right: -8.333333%;
}
@media (max-width: 767.98px) {
.left,
.right {
...
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)' ....
2
голоса
Принятый
Как сделать общую навигацию для нескольких bootsrap carousel?
$(document).ready(function(){
var c1 = $('#carouselExampleControls').carousel(),
c2 = $('#carouselExampleSlidesOnly').carousel(),
c3 = $('#carouselExampleSlidesOnly2').carousel();
...
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-...
Only top scored, non community-wiki answers of a minimum length are eligible
Связанные метки
bootstrap4 × 248css × 112
bootstrap × 98
html × 96
javascript × 31
html5 × 26
jquery × 24
вёрстка × 23
css3 × 18
flexbox × 9
php × 6
адаптивная-верстка × 6
navigationbar × 5
modal × 5
python × 3
ajax × 3
django × 3
vue.js × 3
asp.net-core × 3
sass × 3
grid × 3
dropdown × 3
tabs × 3
angular × 2
form × 2