Вопросы с тегом «bootstrap-4»

119
Как удалить стрелку в раскрывающемся списке в Bootstrap 4?

Я использую Bootstrap 4. Я попытался убрать стрелку в раскрывающемся списке. Эти ответы , которые я нашел для Bootstrap 3 не работают. Jsfiddle здесь . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"...

119
Доступные классы цвета текста в Bootstrap

Я разрабатываю страницу регистрации, помещая текст в качестве заголовка на панели навигации. Я хочу дать этим текстам разные цвета. Для этой цели я использую отдельный файл CSS, но я хочу сделать это с помощью файла CSS начальной загрузки. Может ли кто-нибудь перечислить доступные классы цветов в...

114
Датапикер Bootstrap v4 [закрыто]

Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 2 года назад . Уточните этот вопрос Я использую Bootstrap V4 для своего нового...

114
Bootstrap 4: раскрывающееся меню уходит в правую часть экрана.

Кажется, я не могу получить выпадающие элементы, чтобы они не исчезли со страницы. Я попробовал пару вещей из BS3, но они, похоже, не работают. Я не уверен, что это из-за ml-auto. (игнорируйте инструкции if-else) Вот CodePen : <div class="container-fluid"> <nav class="navbar fixed-top...

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

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

110
Bootstrap карусель сразу несколько кадров

Это тот эффект, которого я пытаюсь достичь с помощью карусели Bootstrap 3. Вместо того, чтобы просто показывать по одному кадру за раз, он отображает N кадров подряд. Затем, когда вы скользите (или когда он скользит автоматически), он сдвигает группу слайдов, как это происходит. Можно ли это...

105
Что случилось с классами .pull-left и .pull-right в Bootstrap 4?

В последней версии pull-left и pull-right были заменены на .pull- {xs, sm, md, lg, xl} - {left, right, none} Это означает, что вместо того, чтобы писать простой class="pull-right", мне теперь придется написатьclass="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" Есть ли...

104
Размер столбца таблицы

В Bootstrap 3, я мог применить col-sm-xxк thтегам в theadстолбцах таблицы и изменить размер по желанию. Однако это не работает в начальной загрузке 4. Как я могу добиться чего-то подобного в начальной загрузке 4? <thead> <th class="col-sm-3">3 columns wide</th> <th...

102
Сворачивание боковой панели с помощью Bootstrap

Я только что посетил эту страницу http://www.elmastudio.de/ и задался вопросом, можно ли с помощью Bootstrap 3 создать коллапс левой боковой панели. Код для свертывания боковой панели сверху (только на телефоне): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse"...

98
Bootstrap 3 и 4 .container-fluid с сеткой, добавляющей ненужные отступы

Я бы хотел, чтобы мой контент был плавным, но при использовании .container-fluidс сеткой Bootstrap я все еще вижу отступы. Как мне избавиться от прокладки? Я вижу, что у меня нет заполнения с помощью .row, но я хочу добавить столбцы, и как только я это сделаю, заполнение вернется: O. Я хочу иметь...

97
Адаптивные таблицы Bootstrap 4 не будут занимать 100% ширины

Я создаю веб-приложение с помощью Bootstrap 4 и сталкиваюсь с некоторыми странными проблемами. Я хочу использовать класс Bootstrap, реагирующий на таблицы, чтобы разрешить горизонтальную прокрутку таблиц на мобильных устройствах. На настольных устройствах таблица должна занимать 100% ширины...

96
bootstrap 4 адаптивные утилиты видимые / скрытые xs sm lg не работают

Возникла проблема с новыми скрытыми / видимыми классами адаптивных утилит при переходе на Bootstrap 4 . Мне известно, что классы .hidden- были удалены из версии 3 и заменены на .hidden-*-up .hidden-*-down. Использование новых .hidden-*-up.hidden-*-downклассов, но элементы не меняются на видимые /...

95
Центрировать содержимое внутри столбца в Bootstrap 4

Мне нужна помощь в устранении проблемы, мне нужно центрировать содержимое внутри столбца в bootstrap4, пожалуйста, найдите мой код ниже <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div>...

94
Есть ли в bootstrap 4 встроенный горизонтальный разделитель?

Есть ли в bootstrap 4 встроенный горизонтальный разделитель? Я могу это сделать, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Но я хочу использовать встроенный бутстрап css, я нигде не могу найти...

80
Заказ столбцов через Bootstrap4

У меня есть 3 столбца, которые я хочу упорядочить по-разному на компьютере и мобильном устройстве. Сейчас мой пояс выглядит так: <div class="row"> <div class="col-xs-3 col-md-6"> 1 </div> <div class="col-xs-3 col-md-6"> 2 </div> <div class="col-xs-6 col-md-12">...

27
Uncaught TypeError: Невозможно преобразовать объект в примитивное значение (zone-evergreen.js: 171)

В Angular 9 (используя Bootstrap 4 и Jquery 3.5.1). при нажатии на самозагрузки коллапс кнопки, я получаю сообщение об ошибке на моем браузере консоли вместо выпадающего меню. Я действительно не знаю, откуда именно произошла ошибка. Can't convert object to primitive value(zone-evergreen:171)....