Bootstrap 5 - пятая основная версия популярной библиотеки компонентов внешнего интерфейса. Фреймворк Bootstrap помогает в создании адаптивных, ориентированных на мобильные устройства веб-сайтов и веб-приложений.

Подробнее про bootstrap-5...

Я разрабатывал свой веб-сайт, это обычное дело, но когда я добавляю документ CSS на свою html-страницу, когда мы открываем веб-сайт http: //www.caiotoledo.com/ имеет пустое пространство по всей странице. Я попытался установить тело класса в контейнер-жидкость, потому что я использую загрузочную заг...
25 Сен 2023 в 16:15
Мне нужен совет/помощь в том, как вы будете использовать стиль Bootstrap 5. Я создал код: https://codepen.io/korazy/pen/xxmWGOx Вопросы: У меня есть строка с текстом, которую моя оболочка, загрузчик теперь хочет изменить высоту ввода, чтобы она была равна полной высоте строки. Я хочу, чтобы вход о...
У меня появляется гамбургер-меню на экране среднего размера и ниже, и я хочу изменить цвет линий значка гамбургера. Я пробовал изменить его с помощью атрибутов стиля и использовать !important в своем CSS-файле, но все равно ничего не работает....
24 Сен 2023 в 15:27
Я хочу разработать следующий тип адаптивного дизайна в ReactJS с использованием Bootstrap или CSS (при необходимости). Это не заголовок. Как мне поставить разделители между каждым столбцом и сделать значения каждой метки в следующей строке в том же столбце? Мне нужно, чтобы оно располагалось на о...
23 Сен 2023 в 15:55
Мне нужно разработать интернет-магазин для университета, и у меня возникли проблемы, и я не могу найти проблему. На некоторых страницах, когда я смотрю версию для планшета или мобильного устройства, после тега HTML остается очень много места. Я не могу найти ошибку. Кроме того, это происходит тол...
21 Сен 2023 в 14:52
У меня возникла проблема с отображением ошибки в группе переключателей при использовании группы btn Bootstrap. Я хотел, чтобы ошибка отображалась под группой кнопок, но я не могу заставить ее работать (ошибка не отображается при проверке). Единственный способ заставить это работать — добавить недопу...
21 Сен 2023 в 10:45
Полоса прокрутки раскрывающегося меню начальной загрузки остается за пределами поля при использовании свойства радиуса границы. Как исправить? Пример кода и предварительный просмотр: https://www.codeply.com/p/7P8MsVnOG7 <div class="container py-4"> <div class="dropdown"> <button class=...
20 Сен 2023 в 17:59
Проект, над которым я работаю, создан с помощью Nuxt v2 (Vue v2, Bootstrap v4, Bootstrap-vue). В проекте используются компоненты bootstrap-vue, такие как: <b-navbar toggleable="md" type="dark" :sticky="true"> <b-navbar-brand>...</b-navbar-brand> <b-collapse id="nav-collapse" is-nav> ...
Я хочу разместить стол в центре вертикально, но не могу этого сделать. Я видел, что этого можно добиться с помощью вертикального выравнивания, но у меня это не работает. Поместите его в начало div. Какие-либо предложения? <div class="col-12 d-flex"> <div class="col-6 text-center default_color...
20 Сен 2023 в 09:50
Как сделать следующий пользовательский интерфейс адаптивным с помощью css. <Text className="w-100 mt-0 align-self-center"> Lorem ipsum Lorem ipsum Lorem ipsum<span>{'$200'}</span> </Text> <Text ...
20 Сен 2023 в 08:25
На моей странице HTMX есть два раскрывающихся меню. Я хочу включить выбранные значения из обоих раскрывающихся списков в запрос GET. Я заметил, что HTMX автоматически включает параметр запроса текущего раскрывающегося списка с его значением в запрос GET. Однако мне нужно, чтобы оба значения были ...
19 Сен 2023 в 19:26
У меня есть приложение-викторина. Если пользователь нажимает на ответ, я пытаюсь добавить зеленый фон, если пользователь выбрал правильный ответ. Зеленый фон работает, но если пользователь выбрал неправильный ответ, я хочу добавить красный фон, и вот проблема: по какой-то причине красный фон не ра...
19 Сен 2023 в 18:36
Я работаю над приложением Blazor, используя Bootstrap для модальной обработки. Я пытаюсь использовать атрибуты data-bs-backdrop и data-bs-keyboard в своем компоненте ModalAlert.razor, чтобы контролировать поведение фона и клавиатуры, когда модальное окно открыто. Проблема, с которой я столкнулся, з...
19 Сен 2023 в 17:00
Я пытаюсь создать веб-приложение Blazor с верхней панелью навигации начальной загрузки и пытаюсь выровнять все элементы по одной прямой линии. Это код NavMenu.razor: <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4"> <div class="container-fluid"> <a class="navbar-brand" href=...
19 Сен 2023 в 11:32
У меня возникла проблема с частью >div в моем селекторе CSS .row > div. Кажется, это вызывает ошибку в реализации моей системы сетки. Как я могу устранить эту ошибку и в чем ее причина? Я использую селектор потомков, потому что без него граница применяется к одному большому блоку, но я хочу, чтобы...
19 Сен 2023 в 07:32
В моей повестке дня FullCalendar есть цветные события. Теперь я хочу, чтобы всплывающая подсказка имела тот же цвет фона. Однако всплывающая подсказка всегда имеет черный фон. Могу ли я изменить это динамически в отношении цвета события? До сих пор я пробовал это, но фон остается черным (хотя ран...
Я хочу использовать плавающую форму Bootstrap с более длинными метками, т. е. текстовое поле будет автоматически расширяться на более длинных метках, но оно обрезается при переносе пробелов, если оно слишком длинное. Я не хочу выталкивать его из потока с помощью позиции относительно позиции, так ка...
18 Сен 2023 в 18:59
Я создаю шаблон для существующего приложения и хочу включить кнопку для изменения порядка сортировки элементов, отображаемых на веб-странице. Для оформления страницы используется Bootstrap 5.3, поэтому у меня уже есть jQuery и другие функции Bootstrap. Мне просто нужна кнопка, которая меняет порядо...
18 Сен 2023 в 13:51
Я новичок в React и пытаюсь реализовать функцию в форме, но просто не могу заставить ее работать. В форме используется форма реакции-хука, axios и Bootstrap 5.2.3. Я пытался, но не смог заставить useState работать, мне нужно, чтобы кнопка Декларанта (вкладка начальной загрузки) была отключена по у...
Я хочу, чтобы меню боковой панели на моем смартфоне отображалось горизонтально или сбоку со значками вверху и текстом внизу, но я пробовал использовать flex и другие, но это все равно не удается и не может двигаться вбок. Есть ли что-то, что мне не хватает? const sidebar = document.getElementById...
17 Сен 2023 в 05:40
В моем приложении Nuxt 2 SSR + Bootstrap 5 у меня есть следующий код: <button v-for="file of orderProduct.files" class="collapsed son-collapse" type="button" data-bs-toggle="collapse" :data-bs-target="`#collapseField${orderProduct.id}`" aria-exp...
16 Сен 2023 в 19:08
У меня есть изображение, которое служит фоном для некоторых других элементов на моем веб-сайте. Проблема в том, что изображение больше в ширину, чем в высоту. Для пользователей компьютеров, планшетов в альбомной ориентации и других экранов, ширина которых превышает высоту, эта доза не представляет ...
16 Сен 2023 в 03:51
Как я могу использовать HTML-дизайн CSS и JavaScript в Visual Studio 2022, где элементы управления ASP.NET позволяют выполнять код? Я ожидаю, что кто-нибудь решит мою проблему, мне становится трудно начать работу. Я создаю веб-сайт как проект и не могу над ним работать....
15 Сен 2023 в 17:58
Я пытаюсь создать три блока с заданной высотой и шириной, выровненные сверху/снизу, а также разместить внутри них пару элементов. Моя проблема в том, что каждый раз, когда я помещаю дополнительные DIV в один из элементов, количество DIV внутри каждых трех элементов не одинаково, он отображает элеме...
15 Сен 2023 в 15:33
Я хочу изменить свойство CSS, а также изменить HTML-код для мобильных устройств «Показать записи» и «Поиск» DataTable в начальной загрузке. Я нашел этот код в инструментах разработчика <div class="dataTables_length" id="tblData_length"> <label>Show <select name="tblData_length" aria-c...
15 Сен 2023 в 13:12