Описание тега twitter-bootstrap-4

Bootstrap 4 - это четвертое поколение интерфейсной среды, позволяющее ускорить веб-разработку с привлекательным внешним видом. Если у вас возникли вопросы по предыдущим версиям, используйте [tag:twitter-bootstrap-2] или [tag:twitter-bootstrap-3].
0 ответов

Twitter bootstrap v4: вертикальное выравнивание элемента breadcrumb с содержимым navbar

У меня есть фрагмент кода ниже, где в моей панели навигации я попытался добавить крошку с выпадающими элементами. Я пытаюсь выровнять хлебную крошку с другими элементами моего navbar. Обратите внимание: приведенный ниже фрагмент кода загружается в м…
1 ответ

Первая строка Bootstrap отличается от других

У меня есть вопрос / проблема с моей страницей Bootstrap 4, как показано на скриншоте ниже. Первый ряд сдавлен, а следующие ряды масштабируются на мобильный. Я не смог заставить первый ряд действовать так же? Какие-нибудь мысли? Благодарю. Снимок эк…
1 ответ

Bootstrap4 с использованием основной карты для достижения обратного эффекта

Мне нужно использовать карты с обратным эффектом. Основной класс карты с $blue:#363636 отлично подходит для меня. К сожалению, стандартная карта-основной имеет синий фон, в то время как я должен иметь его пока. Я попробовал инвертировать карту, но э…
1 ответ

Есть пункты меню в строках в Twitter Bootstrap 4

Я не хочу, чтобы в моем меню были строки, а не суммирование и переход к следующей строке, когда больше не осталось места. Пример: Теперь у меня есть: Изменение на display: inline не имеет никакого эффекта <div class="container"> <nav class=…
23 апр '16 в 09:58
0 ответов

Bootstrap 4.0 SASS переменная ссылка

Я нашел переменную в файле альфа _variable.scss начальной загрузки 4.0: $grid-breakpoints: ( xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px ) !default; Как мне ссылаться на эту переменную, если я хотел сослаться на что-то вроде этого: @media onl…
4 ответа

5 столбцов одинаковой ширины в начальной загрузке (полная ширина контейнера)

В соответствии с моим шаблоном PSD, у меня есть КОНТЕЙНЕР, который состоит из 5 столбцов равной ширины (344 пикселей). Я решил пойти с начальной загрузкой с точки зрения отзывчивости. Но теперь я разочарован этой задачей. Есть ли способ реализовать …
0 ответов

Я использую bootstrap v4, и библиотека jquery для bootstrap-select не работает

Я использую bootstrap v4, и библиотека jquery для bootstrap-select не работает. Это мой код: <select class="form-control selectpicker" multiple> <option>A</option> <option>B</option> <option>C</option> </…
1 ответ

Как конвертировать пользовательский диалог JQuery в модальный Boostrap?

Как происходит преобразование этого элемента в boostrap ui jquery? <div id="dialogDeleteDefaultVariant" title="default"> <p><span style="margin: 0 7px 20px 0;"></span>' . HTML::button('dialog_delete_default_variant_desc', nul…
29 янв '18 в 15:04
0 ответов

Скрипт на странице, загруженной через AJAX, не выполняется в модальном режиме (BS4)

Следующий код успешно динамически загружает "удаленную" страницу (data-remote="/booking-app-1") внутри модального тела. Однако эта целевая страница содержит только
1 ответ

Изображение по размеру экрана во flexbox

Bootstrap v4 beta 6 обновлен для использования display: flex для своих карусельных предметов. теперь мой img предметы в конечном итоге растягиваются или перемещаются по-новому. мое приложение должно соответствовать каждому изображению на экране прос…
19 янв '17 в 23:56
4 ответа

Только текстовая карусель

Я не могу иметь карусель только с текстом без img. Текст, кажется, сталкивается с элементами управления. Каждый найденный мной пример использует <img>, Я пытался использовать d-flex класс, блок и даже carousel-caption, Пока ничего не получалос…
09 янв '17 в 08:20
3 ответа

Bootstrap 4 навигационные таблетки не работают

<!-- Bootstrap pills --> <ul class="nav nav-pills"> <li class="active"> <a data-toggle="pill" href="driver-details-tab">Driver Details</a> </li> <li> <a data-toggle="pill" href="#erer">Register Driver…
16 ноя '17 в 10:28
4 ответа

Как разделить столбец в адаптивном представлении с помощью Bootstrap?

Я использую Bootstrap v4 alpha4 В настоящее время у меня есть: .row .col-xs-12.col-md-8 div A .col-xs-12.col-md-4 div B div C Для макета xs я бы хотел, чтобы div-порядок был: Div B Div A Div C Я понятия не имею, как это сделать или как даже спросить…
1 ответ

Объедините радиопереключатели с вкладками

Я пытался объединить вкладки с переключателями в bootstrap v4, но я не мог заставить его работать полностью. После неудачной попытки адаптировать его в v4 я нашел следующие версии для bootstrap v2: Использование переключателей для управления вкладка…
27 апр '17 в 21:35
1 ответ

Модалы появляются с наложением затенения, элементы управления недоступны #31

Я пытаюсь использовать модал, открытый кнопкой. В конце концов, это будет форма. Но пока что любой базовый модальный тест будет успешным. Проблема в том, что каждый модал появляется с затенением не только за ним, но и за фронтом. Это означает, что в…
2 ответа

Как сделать загрузочные заголовки адаптивными?

Я делаю сайт начальной загрузки. На всех размерах экрана все работает плавно, но заголовок (h1) остается фиксированным. Это слишком большой для маленьких экранов. Как можно исправить бутстрап h1 или заголовки в целом.
1 ответ

Курсор Bootstrap 4 для пользовательского управления в состоянии отключен

Мне нужен другой курсор для отключенных элементов пользовательского управления (флажок, кнопка радио) Этот стиль не работает: .custom-control-input:disabled ~ .custom-control-label::before { cursor: not-allowed; }
09 мар '18 в 15:18
18 ответов

Как скрыть складную навигационную панель Bootstrap 4 на клике

Я создал эту складную панель навигации с помощью Bootstrap 4, которая прекрасно работает, но я бы хотел, чтобы она закрывалась, когда пользователь нажимает на ссылку. Есть ли способ сделать это? Спасибо html navbar: <nav class="navbar navbar-togg…
2 ответа

Изменение порядка столбцов с помощью Bootstrap и / или Bootstrap flex

В настоящее время у меня есть это: <div class="row"> <div class="col-md-6"> <p>A long borring text</p> </div> <div class="col-md-6"> <img class="img-fluid wow fadeIn" data-wow-delay="0.1s" src="superimage.jpg" …
02 июл '17 в 06:26
4 ответа

Bootstrap 4 центра Навбар бренда с развалом

Бутстрап 4 Альфа 6 Кажется, я не могу понять, как получить и правую ссылку, и левую ссылку, чтобы оба развалились. Прямо сейчас разваливается только правая ссылка. <nav id="topNav" class="navbar fixed-top navbar-toggleable-sm navbar-inverse bg-in…
19 апр '17 в 06:04