Может ли кто-нибудь помочь мне с модальным нижним колонтитулом Bootstrap 5? Я хочу, чтобы модальный нижний колонтитул имел текст (диапазон или метку) слева и кнопку справа
Я нашел это решение и попробовал его (изменил все с "left" на "start"), но не работает. Я пытался использовать d-flex justify-....
12 Янв 2022 в 08:09
В своем проекте я использовал карты bootstrap v.5. Я хотел сделать изображение идеальным кругом и использовал bootstrap class="rounded-circle", но выходное изображение имеет овальную форму. вот мой код
<img src={elonMusk} class="card-img-top rounded-circle" alt={elonMusk} />
Как решить эту пробл....
11 Янв 2022 в 09:31
Я почти ничего не понимаю в сети, но мне пришлось сделать сайт для себя. Взял готовый шаблон на базе bootstrap 5, на котором удалось реализовать все задуманное, но не могу избавиться от нескольких проблем с этим:
Если выбрать вкладку, то нажать где-то за пределами всех вкладок, то при наведении на ....
9 Янв 2022 в 17:34
У меня проблема с моим последним вводом, справа есть текст 123458.
Мой текст слишком далеко вправо, как я могу переместить его влево в начальной загрузке 5?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,....
9 Янв 2022 в 01:36
Я пытаюсь удалить чрезмерную ширину и сопоставить ее с изображением, сохраняя при этом полный размер карты и сохраняя изображение по центру и не растягивая изображение. Большинство сообщений, которые я нашел в этой теме, предлагали inline-block, но это ломает карту для изображений меньшего размера.....
7 Янв 2022 в 22:21
Когда я использую проверку на стороне сервера в Bootstrap 5, мне нужно добавить класс .is-invalid в поле формы ввода с ошибкой, чтобы отобразить его в div с class="invalid-feedback". Чтобы обновить атрибут класса поля формы в Django, я могу сделать это, как указано в документы:
class CommentForm(f....
7 Янв 2022 в 19:28
Я пытаюсь следовать некоторому руководству YouTube по Bootstrap 5 с использованием некоторых инструментов. как Сасс.
Автор этого видео на своем примере в начале тестирует, работает ли его скрипт для компиляции Sass-кода.
Вот скриншот его работы:
скриншот 1
Я попытался сделать то же самое, и я получ....
7 Янв 2022 в 18:08
РЕШЕНО, СМОТРИТЕ МОЕ РЕШЕНИЕ НИЖЕ
Привет, так что моя навигация работает нормально, за исключением того, что при нажатии на ссылки анимация лотереи не переключается обратно на свой первый кадр.
Может ли кто-нибудь помочь мне с решением этой проблемы, поскольку я уже некоторое время безуспешно пыталс....
7 Янв 2022 в 01:56
На экране телефона они должны выглядеть так, как показано на скриншоте ниже. Изображение
Как видно на скриншоте, строка и столбец, о которых я говорю, обведены черным. Когда я деактивирую «ширину» строки> * в элементе проверки, он работает, как и предполагалось. Ниже приведен скриншот, когда «шири....
6 Янв 2022 в 23:30
Я перевожу следующий скрипт с jQuery на чистый JS для Bootstrap 5:
https://www.codeply.com/go/Loo3CqsA7T
Это мой фрагмент, где вы можете протестировать его с помощью Bootstrap 5 с чистым JS.
let hidWidth;
const scrollBarWidths = 40;
const wrapper = document.getElementsByClassName("wrapper-nav")[0....
5 Янв 2022 в 15:43
Мне было интересно, удалил ли bootstrap 5 классы состояния проверки (.has-success, .has-warning и т. Д.), Поскольку он внезапно не сработал, и я не могу найти эти классы в файле bootstrap.css.
Несколько месяцев назад я все еще мог им пользоваться и сделал простой код как показано ниже :
<div cla....
5 Янв 2022 в 10:57
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light bg....
5 Янв 2022 в 09:57
У меня есть предупреждение с двумя проблемами, первая из которых заключается в том, что оно не закрывается, когда я нажимаю кнопку «X» . Я использую Bootstrap 5
Это код
{{#if success}}
<div class="container p-4">
<div class="row">
<div class="col-md-auto mx-auto">
<div class="alert ....
5 Янв 2022 в 07:27
Как прикрепить событие onclick к раскрывающемуся меню Bootstrap 5, чтобы вы можете выполнить логику приложения в соответствии с тем, какой пункт раскрывающегося меню был нажат?
В документации объясняется, как получать события, когда раскрывающийся список открыт и закрыт, но, похоже, нет никакого сп....
3 Янв 2022 в 05:52
У меня есть код, который отлично работал в Bootstrap 3.3:
$('#rides-tab').tab('show');
Но я получаю сообщение об ошибке ( 'tab' не является функцией ) в Bootstrap5. я пытался
bootstrap.Tab.getInstance('#rides-tab').show();
Но появляется сообщение об ошибке « Невозможно прочитать свойства null (чт....
2 Янв 2022 в 23:47
У меня возникла проблема, мне нужна была помощь. Я создал страницу, на которой есть несколько элементов управления шрифтом, однако в моем прототипе с правой стороны это поле, где ввод находится в верхней и правой позиции, как я могу это сделать
Я создал фрагмент, чтобы проверить это
.StyleForm {
....
2 Янв 2022 в 15:20
Привет, спасибо за помощь. Я использую bootstrap 5 для стилизации приложения в React, но у меня возникли проблемы с включением компонента начальной загрузки js. Здесь я делюсь кодом того, как я выполняю импорт.
import "bootstrap/dist/css/bootstrap.css";
import { Dropdown } from "bootstrap";
func....
1 Янв 2022 в 01:16
У меня гамбургер-меню на панели навигации не открывается, и я понятия не имею, почему? Ссылки хорошо отображаются на большом экране, но панель навигации не открывается на меньшем экране. Я попытался изменить теги в заголовке, удалить элементы и обновить страницу, чтобы выяснить, в чем проблема, но....
31 Дек 2021 в 19:52
Я пытаюсь сделать свою фотографию профиля и текст «Обо мне» адаптивными, я использую bootstrap v5, я использую проценты, чтобы получить какую-то отзывчивость для изображения профиля, есть ли лучший способ сделать изображение профиля отзывчивым для телефона, планшета и экран 1080p. В настоящее врем....
31 Дек 2021 в 16:11
У меня есть сайт, стилизованный под Bootstrap 5, и у меня возникла проблема с некоторыми элементами, которые получают свои стили из других таблиц стилей, и я пытаюсь понять, как переопределить эти стили и применить стек шрифтов Bootstrap. Я мог бы просто применить стиль семейства шрифтов к нужным э....
31 Дек 2021 в 08:04
Я пытаюсь получить значение ввода в реальном времени, но не могу его получить
Я пытаюсь, чтобы в нижней кнопке первое X - это количество моркови, указанное во вводе выше, а во втором X - это число, которое будет вычислено в скрипт , все в реальном времени (если номер ввода изменится, нижние бу....
31 Дек 2021 в 02:29
Вернемся к предыдущим версиям Bootstrap (а также с ванильным CSS) следующий HTML:
<fieldset>
<legend>Test</legend>
Welcome!
</fieldset>
Выводит набор полей с рамкой, над которой идет легенда:
Тем не менее, когда тот же HTML используется вместе с Bootstrap 5, результат выглядит следующим обра....
31 Дек 2021 в 00:10
Решено :
Этот вопрос на самом деле представляет собой комбинацию двух отдельных вопросов:
как создать отрывок, похожий на статью, когда каждое предложение и каждое слово заключены в тег. Это должно работать естественно с сеткой и системой контейнеров Bootstrap, только если промежутки вокруг слов ра....
30 Дек 2021 в 15:35
Пожалуйста помогите. Глядя на мобильный режим, мое свернутое гамбургер-меню всегда прячется очень далеко справа. из-за этого сайт не реагирует на запросы, и я не могу понять, как это исправить. Я думаю, что это работало, пока я не добавил нижний колонтитул, поэтому я включу его в код. https://gi....
30 Дек 2021 в 06:57
Я использую bootstrap 5 на своей странице html. Код выглядит следующим образом:
<link rel="stylesheet" src="/main_styles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/boo....
30 Дек 2021 в 04:52
En Español