Bootstrap 5 - пятая основная версия популярной библиотеки компонентов внешнего интерфейса. Фреймворк Bootstrap помогает в создании адаптивных, ориентированных на мобильные устройства веб-сайтов и веб-приложений.
Я разрабатывал свой веб-сайт, это обычное дело, но когда я добавляю документ CSS на свою html-страницу, когда мы открываем веб-сайт http: //www.caiotoledo.com/ имеет пустое пространство по всей странице.
Я попытался установить тело класса в контейнер-жидкость, потому что я использую загрузочную заг...
25 Сен 2023 в 16:15
Мне нужен совет/помощь в том, как вы будете использовать стиль Bootstrap 5.
Я создал код: https://codepen.io/korazy/pen/xxmWGOx
Вопросы:
У меня есть строка с текстом, которую моя оболочка, загрузчик теперь хочет изменить высоту ввода, чтобы она была равна полной высоте строки. Я хочу, чтобы вход о...
25 Сен 2023 в 01:02
У меня появляется гамбургер-меню на экране среднего размера и ниже, и я хочу изменить цвет линий значка гамбургера.
Я пробовал изменить его с помощью атрибутов стиля и использовать !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>
...
20 Сен 2023 в 11:27
Я хочу разместить стол в центре вертикально, но не могу этого сделать. Я видел, что этого можно добиться с помощью вертикального выравнивания, но у меня это не работает. Поместите его в начало 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 есть цветные события. Теперь я хочу, чтобы всплывающая подсказка имела тот же цвет фона. Однако всплывающая подсказка всегда имеет черный фон. Могу ли я изменить это динамически в отношении цвета события?
До сих пор я пробовал это, но фон остается черным (хотя ран...
18 Сен 2023 в 22:57
Я хочу использовать плавающую форму Bootstrap с более длинными метками, т. е. текстовое поле будет автоматически расширяться на более длинных метках, но оно обрезается при переносе пробелов, если оно слишком длинное. Я не хочу выталкивать его из потока с помощью позиции относительно позиции, так ка...
18 Сен 2023 в 18:59
Я создаю шаблон для существующего приложения и хочу включить кнопку для изменения порядка сортировки элементов, отображаемых на веб-странице. Для оформления страницы используется Bootstrap 5.3, поэтому у меня уже есть jQuery и другие функции Bootstrap.
Мне просто нужна кнопка, которая меняет порядо...
18 Сен 2023 в 13:51
2
РЕАКЦИЯ: Как включить отключенную кнопку, выбрав определенные параметры в отдельном элементе выбора?
Я новичок в React и пытаюсь реализовать функцию в форме, но просто не могу заставить ее работать. В форме используется форма реакции-хука, axios и Bootstrap 5.2.3. Я пытался, но не смог заставить useState работать, мне нужно, чтобы кнопка Декларанта (вкладка начальной загрузки) была отключена по у...
18 Сен 2023 в 07:14
Я хочу, чтобы меню боковой панели на моем смартфоне отображалось горизонтально или сбоку со значками вверху и текстом внизу, но я пробовал использовать 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
2
Создайте три встроенных блока и свободно размещайте внутри них элементы, не затрагивая другие блоки.
Я пытаюсь создать три блока с заданной высотой и шириной, выровненные сверху/снизу, а также разместить внутри них пару элементов. Моя проблема в том, что каждый раз, когда я помещаю дополнительные 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