Описание тега bootstrap-icons

3 ответа

Есть ли шрифт для новых значков Bootstrap?

Исходя из Font Awesome, я хотел бы использовать новые значки Bootstrap в своем веб-проекте. К сожалению, включение значков Bootstrap кажется более утомительным с точки зрения количества кода, который мне нужно вставить. Что я ищу: Возьмем, к примеру…
21 авг '20 в 10:17
1 ответ

Использование css фонового изображения для значков начальной загрузки

Это мой HTML: <a class="iconContainer" href="#"> <span class="containerIcon chevron-right"/> Test </a> А это мой css: .chevron-right::before { display: inline-block; content: ""; background-i…
2 ответа

Значок начальной загрузки исчезает

Мне интересно, как отобразить заполненную версию значка начальной загрузки, когда я наводю на нее курсор. У меня есть такой код: <svg width="80px" height="80px" viewBox="0 0 16 16" class="bi bi-cloud-plus" …
1 ответ

Угловые мерцающие значки

Я реализовал простую кнопку с Angular 11 и значками начальной загрузки и начальной загрузки. Когда я маршрутизирую страницу, которая показывает кнопку, кнопка загружается немедленно. Но только по прошествии ~500 мс значок всплывает и выглядит как ме…
17 фев '21 в 16:16
5 ответов

Изменить цвет значка свернутой кнопки аккордеона в Bootstrap 5

Я пытаюсь изменить цвет «кнопки аккордеона» в Bootstrap 5, когда он свернут. Я пробовал ниже. Он изменяет фон, но не цвет значка кнопки. .accordion-button.collapsed { color: white; background: blue; } Что мне делать, чтобы изменить значок аккордеона…
16 фев '21 в 23:47
3 ответа

Изменить размер значка начальной загрузки SVG

Можно ли изменить размер значка начальной загрузки в CSS? Иконки в формате SVG. Я добавляю значок в HTML, а не через CSS.
20 фев '21 в 20:02
2 ответа

Иконки Laravel + Bootstrap

Я добавил значки начальной загрузки в свой проект Laravel 8 через командную строку npm i bootstrap-icons Я уже бегал раньше npm install и npm run dev чтобы включить Laravel / UI. Но когда я пытаюсь вставить простой значок <i class = "bi bi-alarm"…
02 мар '21 в 14:55
0 ответов

laravel-mix статический сайт font-awesome и значки начальной загрузки не отображаются?

У меня есть некоторые проблемы, когда я использую laravel-mix для компиляции файлов scss в CSS, font-awesome и bootstrap-icons и другие библиотеки, которые содержат веб-шрифты, которые не отображаются, даже если они установлены правильно ?? файловая…
13 май '21 в 00:39
1 ответ

Изменить цвет значка открытия кнопки аккордеона в Bootstrap 5 (шеврон вверх)

После этого отличного ответа я смог изменить цвет заливки нижнего шеврона svg Bootstrap 5 (отображаемого как фоновое изображение. Теперь я пытаюсь найти URL-адрес для верхнего шеврона (значок открытия), чтобы я мог изменить его цвет заливки. Но я не…
21 май '21 в 17:51
1 ответ

Шрифт Bootstrap-Icons не включен в элемент управления PCF

Я пытаюсь использовать значки Bootstrap в своем элементе управления PCF, и у меня возникают проблемы с отображением значка, потому что шрифты не включены Включая значки начальной загрузки: npm i bootstrap-icons производит следующие package.json { "n…
3 ответа

Как я могу использовать SVG в React Native?

Я пытаюсь использовать значки начальной загрузки в react native, и я не могу найти никаких полезных методов для рендеринга SVG в react-native. Кто-нибудь знает как?
2 ответа

значок начальной загрузки не выравнивается по кнопке

Моя кнопка поиска на панели навигации имеет значок начальной загрузки и текст, который не выравнивается по вертикали. Ссылка на : скриптFiddle html для поиска: <form class="d-flex search-form"> <input class="form-control me-2" type="search"…
2 ответа

Как использовать значок Bootstrap?

<link rel="stylesheet" href="css/bootstrap-icons.css"> Мой HTML <a href="index.php" class="btn btn-outline-dark col-1"><i class="bi bi-alarm-fill"></i></a> Я хочу использовать значок Bootstrap внутри <a>ярлык. В …
19 авг '21 в 19:50
0 ответов

Не удалось загрузить ресурс: сервер ответил статусом 404 (не найден) bootstrap-grid.css:1

Как исправить эти ошибки? В theme-style.css есть этот код @charset "UTF-8"; @import "bootstrap-grid.css"; @import "icons.css"; @import 'https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700'; @import 'https://fonts.googleapis.com/css?f…
09 сен '21 в 12:46
3 ответа

Можно ли импортировать значки начальной загрузки в файл scss?

Можно ли импортировать и расширить bootstrap-icons.css в файле scss, как при импорте bootstrap.scss? То, что я пробовал до сих пор безуспешно: @import "../node_modules/bootstrap-icons/font/bootstrap-icons"; .right-square-icon{ font-size: 4rem; @exte…
09 сен '21 в 20:51
3 ответа

Значки начальной загрузки и Webpack 5. Вам может потребоваться соответствующий загрузчик для обработки этого типа файлов.

У меня много проблем с получением значков начальной загрузки для работы с веб-пакетом: Получение следующего: ERROR in ./node_modules/bootstrap-icons/font/bootstrap-icons.css 1:0 Module parse failed: Unexpected character '@' (1:0) You may need an app…
16 сен '21 в 15:54
1 ответ

Значок Bootstrap: больше

на скриншоте ниже я попытался добавить 2 значка кнопок в 2 разных столбца, которые также являются дочерними элементами строки. Я хочу, чтобы эти кнопки поместились в столбце настолько большими, насколько это возможно, как вы видите. Вот мой код для …
19 окт '21 в 16:13
1 ответ

Удобная возможность выбора значка из большого набора значков

У меня есть веб-приложение, в котором пользователь может добавить новую категорию. Категория будет добавлена ​​в базу данных с помощью формы. В этой категории должен быть значок (значки начальной загрузки https://icons.getbootstrap.com/), который По…
4 ответа

Bootstrap5 иконок font-weight

Я недавно обновился до bootstrap 5 прямо с 3. Да, я пропустил 4. Дело в том, что в 3 я делал что-то подобное. <i class="glyphicon glyphicon-asterisk"></i> <style> i:hover { font-weight: bold; } </style> Теперь, с иконками boo…
26 дек '21 в 03:03
0 ответов

Я пробовал все. Bootstrap 5 + иконки Bootstrap. В теге <p> я не могу выровнять значки по вертикали с текстом

Я пытаюсь сделать что-то очень простое. У меня есть текст и значок начальной загрузки, завернутый в <p>ярлык. Мне не удается выровнять значок по вертикали относительно текста. Значок всегда отображается ниже текста. Я искал везде и перепробова…