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

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

97 css  bootstrap-4 

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

95 twitter-bootstrap  flexbox  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, я нигде не могу найти его в документации, возможно, мне его не хватает.

94 html  css  bootstrap-4  twitter-bootstrap-4 

Можно ли изменить основной цвет начальной загрузки в соответствии с цветом бренда? В моем случае я использую бумажную тему bootswatch.

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

У меня сейчас что-то вроде: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Предположим, что это contentбыли блоки разной высоты и одинаковой ширины - как я мог сохранить тот же «макет на основе сетки» и при этом, …

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

У меня есть 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"> 3 </div> </div> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент В мобильном представлении я хочу получить следующий …

80 css  bootstrap-4  grid 

Я разрабатываю простое загрузочное приложение реагировать-пружинно, но из-за проблемы с GitHub я воссоздаю начальные файлы приложения с помощью IntelliJ и устанавливаю модули узлов с использованием данных зависимостей файла package.json предыдущего приложения. Если я использую сворачивающуюся панель навигации (панель гамбургеров -> отзывчивые панели навигации, которые сворачиваются в мобильном представлении) и нажимаю …

27 javascript  jquery  reactjs  bootstrap-4 

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

27 bootstrap-4  angular9 

ОШИБКА в node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте. 191 set ngbPanelToggle (панель: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте. 28 set focus (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - ошибка TS1086: …

9 angular  bootstrap-4  ng-bootstrap 

У меня возникли реальные проблемы, когда я пытаюсь заставить мою боковую панель / навигационный контент (используя Bootstrap) показывать (расширяться) по умолчанию на рабочем столе и закрывать по умолчанию на мобильном телефоне, а значок отображается только на мобильном телефоне. Я не могу заставить это работать. <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> …

9 javascript  html  css  bootstrap-4  responsive-design