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

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

Контейнер-жидкость класса начальной загрузки дает отступы в 15 пикселей слева и справа от всего в нем. Когда я создаю другой класс, чтобы удалить отступы слева и справа, которые дает container-fluid, в результате я получаю горизонтальную полосу прокрутки. Как я могу это исправить? Я хочу, чтобы в....
3 Фев 2022 в 17:17
У меня есть боковая панель, расположенная sticky, но в некоторых случаях превышающая высоту экрана. Если боковая панель на самом деле больше высоты экрана, я не хочу, чтобы она оставалась сверху. Он должен прокручиваться вниз вместе с содержимым страницы. Для этого я использую класс Bootstraps stic....
3 Фев 2022 в 12:00
Как получить ширину строки или контейнера сетки начальной загрузки в пикселях с помощью javascript. Я использую aurelia для javascript, но код может быть в стандартном js (пожалуйста, не jquery). Я пытался найти это на веб-сайте начальной загрузки, но я все еще запутался, потому что есть несколько и....
2 Фев 2022 в 19:55
У меня проблема с загрузкой кнопок управления каруселью, как показано на этом фото: Но как только я отключу width: 15% в devTools в Chrome, у меня больше не будет этой проблемы: а> Я попытался установить width: auto, но не смог понять, как это исправить в приведенном ниже коде. Есть ли способ откл....
2 Фев 2022 в 13:48
Используя Bootstrap 5, я хочу отобразить div и холст в строке до md в качестве точки останова Я хочу, чтобы весь холст сразу после окончания текста в тот момент, когда каждая часть имеет равную ширину Как я могу удалить неиспользуемое пространство из div? <link href="https://cdn.jsdelivr.ne....
2 Фев 2022 в 12:01
Я не могу сделать так, чтобы мой гибкий элемент был выровнен по вертикали в оставшемся пространстве. Вот что у меня сейчас есть: <div class="parent d-flex flex-column py-2"> <div class="container p-0 flex-grow-1"> <div class="mb-1 d-flex justify-content-center"> <img src=....
2 Фев 2022 в 11:13
У меня есть таблица Bootstrap Vue с компонентом разбиения на страницы под ней. В настоящее время я получил его в отдельной строке в одном столбце, но, хотя он выглядит «довольно» центрированным, на самом деле он не центрирован в столбце, и с правой стороны есть неровные отступы/поля. Похоже, это и....
31 Янв 2022 в 18:31
Я попытался установить для переменной $enable-responsive-font-sizes в Bootstrap 4.3.1 значение true, но ничего не изменилось. Вот мой код template.html: <div class="m-2" id="role"> <em class="fas fa-user-tie fa-fw mr-2"></em ><span class="font-weight-bold">Role: </span>{{ member?.role }} </d....
31 Янв 2022 в 14:55
У меня есть следующий код <div class="container"> <div class="col-md-3 calendar"> </div> <div class="col-md-9"> <button></button> <button></button> <button></button> <button></button> <button></button> <button></button> <button></button> <button></button> <butt....
31 Янв 2022 в 14:55
Моя проблема в том, что у меня есть проект в Angular 13 (текущая последняя версия), и мне нужно добавить структуру Bootstrap только к определенному набору компонентов в этом проекте. Есть ли шанс, что я могу связать его для каждого компонента? Ожидаемый вопрос Почему я не добавляю Bootstrap ко всему....
Я использую Bootstrap 4. У меня гибкий макет, например .larger { background: blue; } .smaller { background: red; } <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2Qv....
31 Янв 2022 в 04:39
<div class="col-sm-12 col-md-12 text-center"> <h1>Example Horizontal Form Bootstrap</h1> </div> <div class="col-sm-12 col-md-4"></div> <div class="col-sm-12 col-md-4 text-center"> <form class="form-horizontal"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control....
30 Янв 2022 в 08:49
Я учусь создавать целевые страницы на хороших примерах в Интернете. Одна вещь, которую я пытаюсь воспроизвести, — это светлый фон за словами «Создавайте быстрые, отзывчивые сайты с помощью Bootstrap» на bootstrap страница a> (графика под углом). Глядя на исходный код страницы, мне не очевидно, как ....
30 Янв 2022 в 02:02
Я создал свою панель навигации, но она не отображается ни в HTML, ни на веб-сайте. Я также хотел изменить шрифт и добавить цвет в каждый раздел панели навигации. Вот мой css, а вот и мой html-код. .header_area .main-menu .navbar .navbar-brand{ padding: 0 2rem 0 5rem; } .header_area .main-menu .nav....
29 Янв 2022 в 23:10
<div id="nofries"> <h1 class="restaurant mt-5 ms-3">CRAZY GREEKS</h1> <h3 class="ms-5">GREEK FOOD, SUBS &amp; PIZZA</h3> </div> Это мой идентификатор div, но мой css его не видит. У меня это было в классе, и это тоже не сработало. Я даже пытался указать его с помощью «div.nofries», когда это ....
29 Янв 2022 в 20:46
Я использую mr-auto, чтобы попытаться переместить панель навигации вправо, но это не работает. Я не уверен, почему. Кто-нибудь может объяснить. Вот мой код: <nav class="navbar navbar-expand-lg navbar-light"> <div class="container-fluid"> <a class="navbar-brand" href="#">....
29 Янв 2022 в 07:14
Я хочу использовать этот html цикл для angular <div > <select class="selectpicker" data-live-search="true"> <option data-tokens="ketchup mustard1">Hot Dog, Fries and a Soda</option> <option data-tokens="mustard2">Burger, Shake and a Smile</option> <option data-tokens="frosting3">Sugar, Spice and all....
29 Янв 2022 в 03:15
Я изменяю шаблон CSS на основе бутстрапа, чтобы получить простой и отзывчивый веб-сайт. На странице представлен список событий. Поскольку show_date и show_shop имеют фиксированную ширину, когда веб-сайт открывается на смартфоне (меньший экран), класс flex-row позволяет show_name и show_location быт....
28 Янв 2022 в 22:06
.status-light-red::before{ background-color: rgb(255, 0, 0); box-shadow: 0px 0px 5px 2px rgb(255 0 0 / 75%); -webkit-box-shadow: 0px 0px 5px 2px rgb(255 0 0 / 75%); -moz-box-shadow: 0px 0px 5px 2px rgb(255 0 0 / 75%); } .status-light::before{ content: ""; height: 10px; width: 10px; ....
28 Янв 2022 в 00:49
Привет, я создаю веб-приложение с помощью бутстрапа, и у меня проблема с системой сетки. Когда я добавляю элементы в столбец, все столбцы растягиваются вместе... Я просто хочу, чтобы один столбец увеличивался по высоте, а не все столбцы в одной строке. См. ниже: Как вы можете видеть, когда добавл....
27 Янв 2022 в 20:43
Я пытаюсь настроить функцию доступности для этого аккордеона начальной загрузки. Я добавил tabindex=0 к каждому тегу <a>, и я пытаюсь убедиться, что, если пользователь нажмет на вкладку, он откроет соответствующий раскрывающийся список/аккордеон. Но на данный момент мой код открывает каждую опцию ....
27 Янв 2022 в 20:03
У меня есть элемент h1, размер которого я хочу изменить вместе с другими свойствами, но меняется только семейство шрифтов. Обратите внимание, что я использую некоторую сетку начальной загрузки, о которой я не знаю, что может быть причиной этой проблемы. Я все еще новичок в Bootstrap. h1{ font-f....
27 Янв 2022 в 11:05
Я получаю некоторые данные из своей базы данных и хочу отформатировать их в своем представлении. Мой код простой, с таблицей, содержащей данные из базы данных, но я хочу показать свой телефон с маской: (12) 94832-3823. Пробовал всякие штуки, но безуспешно, может кто подскажет? Код моей таблицы: ....
26 Янв 2022 в 15:16
У меня есть 4 коробки, и я пытаюсь установить между ними равные промежутки. Ящики расположены в зависимости от размера экрана: если это xxl+, то 4 поля расположены в одну горизонтальную линию (строку). иначе, если это md+, то два поля в первой строке и два других в другой строке. в противном случае....
26 Янв 2022 в 03:41
Я пытаюсь отобразить вертикальную вкладку внутри Bootstrap 4 Modal. Но одно и то же модальное окно отображается по-разному в браузерах google chrome и firefox. Код, который я использую: <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4....
25 Янв 2022 в 15:22