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

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

Цель: при нажатии на ссылку для загрузки автоматически загружается текст с именем в формате даты и времени на сегодняшний день. (например: 7-3-2021 16:04:00 PM или любой другой формат, если дата и время указаны в имени) Это код ссылки: <a download="info.txt" id="downloadlink" style="display: none">....
4 Июл 2021 в 00:08
<div class="text-center" style="align-items: center; justify-content: center;"> <table style="border: 1rem;"> <tr><th>Id</th><th>Quantity</th></tr> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> <tr><td>4</td><td>2</td></tr> </ta....
29 Июн 2021 в 10:40
Как мне центрировать эту форму? Независимо от того, что я пробовал (меняя классы div, стили и т.д., он все еще не центрируется). Я пробовал использовать гибкую коробку и другие инструменты, но .......
23 Июн 2021 в 00:18
Хорошо, это первый раз, когда я задаю здесь вопрос, так что несите меня, если я отформатировал это неправильно. Я создаю форму для сайта WordPress с помощью начальной загрузки, мне нужно добавить к ней несколько всплывающих подсказок со значком Font Awesome, и по какой-то причине я не могу избавитьс....
22 Июн 2021 в 17:29
Я использую bootstrap 4.6.0 и задаюсь вопросом, поддерживается ли следующее использование. Все работает, но не стоит ли использовать другой контейнер: <div class="container-fluid"> <div class="row"> <div class="col-6"> <!-- <div class="container-fluid"> --> <div class="row"> ....
21 Июн 2021 в 20:51
.background-color { background-color: lightgrey; height: 200px; border: 1px solid black; } <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="a....
21 Июн 2021 в 18:00
Я использую Bootstrap версии 3.37, и у меня есть две кнопки переключения, из которых пользователи могут выбирать. Что я хочу сделать, так это после того, как синяя кнопка будет нажата, она должна быть «активной» с темным цветом, а если зеленая кнопка нажата, то зеленая должна быть «активной». Как м....
17 Июн 2021 в 16:45
Всем добрый вечер, Я надеюсь, что с тобой все в порядке? Мне было интересно, не могли бы вы посоветовать мне, пожалуйста, почему с правой стороны моего нижнего колонтитула на главной / индексной странице есть странное белое пространство? https://andrewh1188.github.io/go-tennis-ms1/ Большое спасибо з....
16 Июн 2021 в 00:48
Я настроил индикатор выполнения при прокрутке вниз. В соответствии с содержимым полоса прогресса увеличивается с фиксированным, а полоса прокрутки вверх уменьшается. Когда я попробовал с position: fixed, это .......
15 Июн 2021 в 10:55
В следующем примере, как использовать классы гибкости, чтобы сделать столбцы № 3 и 4 такой же высоты, как столбцы № 1 и 2? То есть без Javascript. В частности, как сделать так, чтобы высота всех столбцов автоматически изменялась на высоту столбца с наибольшим содержанием? <!-- Bootstrap 4.1.x lib....
14 Июн 2021 в 20:56
Как правильно разместить поле ввода чуть ниже метки, а не на одной линии с ней? Я пытаюсь сделать это более 4 часов, но не могу. Этикетка продолжительности, связанная с продуктом, и .......
14 Июн 2021 в 19:59
У меня проблема с установкой высоты col2 и col3 на 70% относительно 100% col1, а col4 и col5 на 30%, я попытался установить эту высоту с некоторыми стилями, но пока мне не повезло. Какая-то рекомендация? <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport"....
14 Июн 2021 в 17:43
Я слежу за этой скрипкой Js http://jsfiddle.net/ryt3nu1v/10/ Мой результат: Я делаю слайдер, отображающий возраст, поскольку у меня есть массив, который соответствует возрасту 15,25,35,45,55 Я пытаюсь отобразить их в слайдере, ожидаемое поведение - увидеть следующий возраст, когда я нажимаю кнопку....
14 Июн 2021 в 08:07
Это мой код. Как сделать так, чтобы выбранное меню было активным в bootstrap laravel 8? <!-- Sidebar--> <div class="bg-dark border-right text-light" id="sidebar-wrapper"> <div class="sidebar-heading"></div> <div class="list-group list-group-flush"> ....
14 Июн 2021 в 07:48
В этой таблице, которую я нарисовал, есть два столбца: «Команда» и «Члены». Я хочу спросить: щелкнув значок плюса в столбце «Группа», как добавить новую строку (состоящую из обоих столбцов), щелкнув значок «плюс» в столбце «Участники», как добавить строку только в столбце «Участники», не добавляя ....
12 Июн 2021 в 10:44
У меня очень простая раскладка bs4. Мое левое меню - <div class="col-md-2">, мое центральное основное содержание - <div class="col-md-6"> и мое правое меню - <div class="col-md-4">. Вот вид макета с помощью инструмента разработчика Chrome. Зеленый - это отступы, а синий - контент. Вы можете виде....
12 Июн 2021 в 09:24
Я использую коллапс Bootstrap 4, чтобы показать текст после щелчка. Однако я борюсь с местом, где отображается контент. При нажатии на кнопку текст отображается справа, и я бы хотел, чтобы он был под кнопкой. Не могли бы вы сообщить мне, как я могу это изменить? <link rel="stylesheet" href="http....
11 Июн 2021 в 13:54
Я создал таблицу, используя класс начальной загрузки в угловом проекте. Только классы table-striped и table-hover не работают, остальные классы, такие как table-primary, работают. и я не написал ни одной строчки кода css (нет проблем с переопределением). Я пробовал другие примеры в стеке, но не ра....
10 Июн 2021 в 18:16
Я построил счетчик, чтобы считать до целевого числа. Все четыре счетчика ведут счет одновременно. Есть ли вероятность того, что (слева направо), что первый счетчик считает, когда он закончится, тогда второй счетчик считает и т. Д., Соответственно, не все одновременно? Вот мой codepen. HTML <link ....
У меня есть div высотой 200 пикселей. Как разделить элементы ul на равные строки? Они всегда выравниваются по верху. Я покрасил div в зеленый цвет, чтобы сделать его очевидным. В конце концов, я буду использовать ngFor в своем ul, поэтому я не знаю, сколько строк там будет. <div style="height:20....
9 Июн 2021 в 12:47
Я пытался понять, как использовать тосты, но не смог, поэтому мне нужна помощь. Есть ли причина, по которой использовать реактивную загрузку вместо обычной начальной загрузки? Я начинаю думать, что не могу использовать все функции обычного бутстрапа в React.....
8 Июн 2021 в 18:31
Я разрабатываю некоторые страницы с помощью начальной загрузки. У меня эти три кнопки внизу формы. Левая и правая кнопки идеально выровнены, но кнопка «Отмена» не выровнена по центру. Пожалуйста помоги. Вот код: <div class="row"> <div class="col-12"> <input type="submit" value="....
8 Июн 2021 в 12:08
Я пытаюсь использовать такой же стиль заголовка, как показано ниже Моя проблема заключается в подчеркивании, я пробовал использовать title:after, но не получил точного эффекта, который мне нужен Мой код <h1>Sign In</h1> <style> h1:after{ content: ''; position: relative; width: 102px;....
7 Июн 2021 в 19:53
Рассмотрим пользовательский интерфейс, который имеет пользовательскую компонент <foo> - на данный момент предполагают его просто текст. <foo id="foo-id">SOMETEXT</foo> Я хотел бы показать этот контент в двух местах на UI - один из которых находится в модальном. Как я могу иметь модальный контент де....
7 Июн 2021 в 19:41
Я использую угловой материал, Bootstrap. Я пытаюсь показать катушку, которая должна соответствовать всем экрану. Но я вижу пустые пробелы с правой стороны карты Для некоторого разрешения экрана он установлен правильно. Может кто-нибудь предложить то, что мне нужно здесь URL Stackblitz: Demo Ниже при....
5 Июн 2021 в 17:37