“Bootstrap Badges” Ответ

<span class="badge badge-pill badge-primary">Primary</span>
<span class="badge badge-pill badge-secondary">Secondary</span>
<span class="badge badge-pill badge-success">Success</span>
<span class="badge badge-pill badge-danger">Danger</span>
<span class="badge badge-pill badge-warning">Warning</span>
<span class="badge badge-pill badge-info">Info</span>
<span class="badge badge-pill badge-light">Light</span>
<span class="badge badge-pill badge-dark">Dark</span>

Add any of the below mentioned modifier classes to change the appearance 
of a badge.
<span class="badge badge-primary">Primary</span>
<span class="badge badge-secondary">Secondary</span>
<span class="badge badge-success">Success</span>
<span class="badge badge-danger">Danger</span>
<span class="badge badge-warning">Warning</span>
<span class="badge badge-info">Info</span>
<span class="badge badge-light">Light</span>
<span class="badge badge-dark">Dark</span>

<span class="badge rounded-pill bg-primary">Primary</span>
<span class="badge rounded-pill bg-secondary">Secondary</span>
<span class="badge rounded-pill bg-success">Success</span>
<span class="badge rounded-pill bg-danger">Danger</span>
<span class="badge rounded-pill bg-warning text-dark">Warning</span>
<span class="badge rounded-pill bg-info text-dark">Info</span>
<span class="badge rounded-pill bg-light text-dark">Light</span>
<span class="badge rounded-pill bg-dark">Dark</span>

Using the contextual .badge-* classes on an <a> element quickly provide 
actionable badges with hover and focus states.

<a href="#" class="badge badge-primary">Primary</a>
<a href="#" class="badge badge-secondary">Secondary</a>
<a href="#" class="badge badge-success">Success</a>
<a href="#" class="badge badge-danger">Danger</a>
<a href="#" class="badge badge-warning">Warning</a>
<a href="#" class="badge badge-info">Info</a>
<a href="#" class="badge badge-light">Light</a>
<a href="#" class="badge badge-dark">Dark</a>

Badges scale to match the size of the immediate parent element by 
using relative font sizing and em units.
<h1>Example heading <span class="badge badge-secondary">New</span></h1>
<h2>Example heading <span class="badge badge-secondary">New</span></h2>
<h3>Example heading <span class="badge badge-secondary">New</span></h3>
<h4>Example heading <span class="badge badge-secondary">New</span></h4>
<h5>Example heading <span class="badge badge-secondary">New</span></h5>
<h6>Example heading <span class="badge badge-secondary">New</span></h6>
<button type="button" class="btn btn-primary">
  Profile <span class="badge badge-light">9</span>
  <span class="sr-only">unread messages</span>
</button>

<button type="button" class="btn btn-primary position-relative">
  Inbox
    <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
    99+
    <span class="visually-hidden">unread messages</span>
   </span>
</button>

Смотреть популярные ответы по языку

• Shell/Bash

• Статус GIT не показывает изменения разрешения
• git игнорировать режим разрешения
• git игнорирует chmod
• git игнорировать режим chmod
• git игнорировать режим
• git игнорировать файлы, измененные с разрешением
• git удалить изменения в режиме файла
• git игнорировать изменения режима файла
• git commit insome remisser
• Snap Create Symlink

• C#

• Guid.empty
• 0 Гид
• Как заставить объект взглянуть на другое единство
• Как заблокировать и скрыть единство курсора
• C# MessageBox Да нет
• Messagebox Да-нет
• C# запрос пользователя да нет
• C# Получить путь настольного компьютера
• как не стать переменной публикой, не показывая в инспекторе
• Unity удалить всех детей

• C++

• Интерпретатор латекс Matlab
• 0009: err: mscoree: clrruntimeinfo_getruntimehost Wine Mono не установлен
• CPP Coalerplate
• Arduino uno Hello World
• SFML Draw Line
• Распечатайте все имена файлов в каталоге CPP
• Декабрьские глобальные праздники
• QT Debug
• qdebug
• ue4 log float

• C

• Trie Tableau c
• Три эн в
• Сборка, эквивалентный пакете, эквивалент Fedora
• csrf_exempt
• Значок ремикса CDN
• _Crt_secure_no_warnings
• время выполнения в c
• Stop Redis Server
• Остановить Redis в Ubuntu WSL
• Маллок не определен

• CSS

• CSS -изображение к белому
• Игрок Roblox умер
• Сделайте текст небезопасным CSS
• Текст не выбирается CSS
• Как сделать текст, не выделяемый CSS
• Как центрировать div с преобразованием
• CSS добавляйте точки, если текст слишком длинный
• CSS Line-Clamp
• CSS фоновое изображение подходит
• Сделайте что -нибудь нежного CSS

• HTML

• HTML Grundgerst
• Вы используете `Create-React-App` 4.0.3, который стоит за последним выпуском (5.0.0).
• Favicon Meta
• Февикон
• HTML -рупий символ
• HTML -пространство
• QS CDN
• Ссылка OPEM на новой вкладке HTML
• Lodash CDN
• Значки материала Google CDN

• Java

• java получить размер экрана
• Android Internet разрешение
• Minecraft Bedrock Место
• Расположение файла Minecraft Bedrock
• Минокрафт Смертельный счетчик
• Как заставить телефон вибрировать Android Studio
• не может соответствовать запрашиваемым классам в одном файле DEX
• Android Manifest ClareText Traffic разрешен
• Как выучить java за один день
• Spigot выполнить команду в качестве консоли

• JavaScript

• месяцы массива
• Алфавитный массив JS
• Popper.js CDN
• Реагируйте нативные индикаторы прятки
• Как скрыть прокрутку в Scrollview React Native
• Как установить React Router DOM версии 5
• jQuery документ готов
• Алфавит как массив
• jQuery Удалите readonly
• Войти в разногласие с токеном

• Objective-C

• uialertcontroller пример цели c
• NSTIMER пример объектив C
• Получите изображение продукта Woocommerce
• Целью массива петли c
• Ошибка: ....... eperm: операция не разрешена, MKDI
• Команда не найдена: Create-React-App
• Ошибка скручивания 60: Сертификат SSL: невозможно получить сертификат локального эмитента
• Цель C преобразовать int в строку
• Цель C -струны объединяются
• Цель C перезагрузить ряды на

• PHP

• По умолчанию часовой пояс Индии PHP
• Композитор работает значительно медленнее, чем обычно, потому что у вас нет включенного расширения Curl PHP
• Отображение ошибки WordPress
• Обновление схемы Symfony
• Обновление композитора нет лимита
• Человеческая читабельная дата Ларавел
• Морс -массив консоли PHP
• Если язык wpml
• Magento2 Zend Log
• Печать последний запрос Laravel

• Python

• Python Pandas отключите предупреждение
• Колаб подавляет предупреждения
• jupyter notebbook предупреждение о
• Python наиболее используемые функции
• Список ABC
• Minecraft Movie
• Создать приложения GUI с Python
• Потенон
• EPA Значение
• Python GetText

• Sql

• SQL Developer Поиск всех пакетов для текста
• FSAdePrecationWarning: SQLalchemy_track_modifications добавляет значительные накладные расходы и будет отключен по умолчанию в будущем. Установите его на True или False, чтобы подавить это предупреждение.
• MySQL отключить безопасную режим
• SQL отключить безопасную режим
• MySQL Установите безопасный режим
• безопасное обновление MySQL
• Код ошибки: 1175. Вы используете режим безопасного обновления и попытались обновить таблицу без того, где используется столбец ключа. Чтобы отключить безопасную режим, переключите вариант в предпочтениях -
• Безопасный режим от mysql
• MySQL небезопасное обновление
• Вы используете режим безопасного обновления

• Swift

• Swift 5 контроллер просмотра задержки.
• Выполнение кода задержки Swift 5
• Swift uiview добавить жест нажатия
• быстрый открытый URL
• Формат Десятичное место Свифт
• на Swipe Get ContentOffset Swift CollectionView
• Firebase Crashlytics DSYM отсутствует
• Дарт заработал первую букву каждого слова
• Строка для заглавной буквы Дарт
• Swift Self. Present Full -Screen

• Ruby

• Смотрите все маршруты рельсов в браузере
• Rails Kill Server
• уничтожение существовало порт
• Убить Puma Pid Local
• Убить порт уже используется
• Как соответствовать электронной почте в Regex в Ruby
• Rails Получите список столов
• Как получить список таблиц в рельсах
• Ruby Open File nokogiri
• Rails Delete Child on Parent Delete

• TypeScript

• req.user TypeScript
• TypeScript Отключить следующую строку
• Как удалить списки точек в Li Bootstrap
• VSCODE пользовательские фрагменты Как использовать имя файла
• Как обновить TypeScript
• Обновите на TypeScript в React JS
• Google Sheets Удалить первый персонаж
• Next Start Project с TypeScript
• перечислять несколько списков Python
• Проверьте все запущенные порты Ubuntu

• Go

• Годо Получите размер экрана
• Подключите Google Drive к Colab
• монтаж Google Drive в Колаба
• Нагрузка данных Google Collab
• Как прокомментировать кучу строк в Годоте
• Как перезагрузить нынешнюю сцену Годо
• разоблачение Google Drive Colab
• Печать поля структуры с их именами в Голанге
• CSGO Mouse Ghe Wheel Jump Bind
• Чистый мусор Ubuntu

• Kotlin

• случайный генератор строк Kotlin
• тост в Котлине
• Kotlin удалить имя из деятельности
• Свиток Android Recyclerview внизу
• Как объявить строковый массив в котлине
• струнный массив в котлине
• Зависимость OKTTP
• Котлин задержка
• Котлин власть
• Как вызвать функцию после задержки в Kotlin Android

• Assembly

• TQDM метка
• Имя месяца массива
• VMware Workstation Player Отключить смягчения боковых каналов
• Перезапустить KDE
• Радиус границы трепетать пуговица
• Использование свойства формы в трепете для круглого угла
• Docker не может остановить контейнер
• Latex Image Textwidth
• рассол в конкретный каталог
• openssl public key der to pem

• R

• Добавить вертикальную линию в GGPLOT
• Вертикальная линия в GGPLOT2
• R определить вложенный пустой список
• ящик с тегом выброса r
• Обновление r от rstudio
• R Чистая среда
• Как создавать даты в диапазоне в r
• r Преобразует акцентированных персонажей
• преобразовать латинские акценты в ASCII R
• Как подсчитать количество Na в r

• VBA

• VBA создать каталог
• VBA создать папку, если не существует
• Excel, как форматировать байты как KB, MB, GB
• Excel VBA Записать строку в текстовый файл
• VBA Pursperceper Первая буква каждого слова
• Excel VBA ждите
• VBA Получить содержимое текстового файла
• Формат даты для MS диаграммы VB.NET
• VBA продолжается для каждого цикла
• VBA Array содержит

• Scala

• Scala получить файл из URL в качестве строки
• Скала обратный список
• Scala Hello World
• Scala Schemapayload JSON
• Как трансформировать ноль до ни одной Scala
• ValueError: при использовании всех скалярных значений вы должны передать индекс
• Двухмерная массива Scala
• Количественная оценка Scalaire
• Scala Match по умолчанию
• Скала Списка конкатената

• Rust

• Ошибка Rustlang: Linker `link.exe` не найден
• вернуть функцию ржавчины
• ржавчина разрешается неиспользованными
• Ржавчина Ланг Сон
• ржавчина получает текущий каталог
• Генератор случайных чисел в ржавчине
• Проверьте, существует ли файл ржавчины
• Как выйти из программы ржавчины
• Rust get Command Line Arguments
• ржавчина принять пользовательский ввод

• Dart

• Как удалить метку отладки в Flutter
• Флаттер списка
• Flutter Listtile Form
• Flutter Keyboard вызывает переполнение
• задержка трепетала
• ListView.separated Flutter
• Как диабет с разматыванием для Интернета
• Dart Regex для электронной почты
• Flutter Get ширина экрана
• Размер экрана трепетает

• Elixir

• Эликсир отладка
• Эликсир после
• Эликсир охранник
• Эликсир Defguard
• для петли в эликсире
• Эликсир случайное число
• Эликсир спасение
• Эликсир попробуй спасение
• Эликсир длина списка
• Эликсир пойман

• Clojure

• Привет, мир в Clojure
• Clojure Read Line Line Line
• Как сделать диапазон
• Функция вызова в Clojure
• Как выполнять операции в списке Clojure
• Как сделать каталог в Clojure
• алгоритм, чтобы обратить внимание на строку
• Как использовать Clojure cond
• Clojure Take White
• Кнопка-переключатель

• Haskell

• Функция подписи Haskell
• Тип Подпись Haskell
• Haskell Multiline Comment
• Хаскелл Фибоначчи
• Quicksort в Хаскелле
• Сорт Список Haskell
• Последний элемент списка Haskell
• Получите первый символ от String Haskell
• Haskell String Split
• int, чтобы плавать Хаскелл

• Matlab

• Если каталог существует Matlab
• Ось размера шрифта Matlab
• Matlab Reade из файла txt
• Чтобы обнаружить, имеет ли кадр данных значения NAN
• Matlab Unix Time to DateTime
• Матлаб символический производный
• Сохранить скрипт файла Mat в каталоге MATLAB
• Matlab, как установить размер фигуры, чтобы вы могли увидеть сюжет
• Создайте пустой DataFrame R с именами столбцов
• Matlab обратный z преобразование

• Erlang

• Получите версию Erlang
• Клиент TCP Erlang
• TCP Server Erlang
• Получите Порт -Эрланг
• Erlang выход из Shell

• Cobol

• Python Pygments устанавливается
• Гэтсби с пряжей
• AlertDialog с валидатором Textfield Flutter
• Скрипт приложений Google Удалить массив NULLS
• Cobol реверсирует строку

• Fortran

• fortran int для строки
• Фортран объявляет массив
• массив в Гфортране,
• массив в Фортране,
• печать массива в Фортране
• объявить массив
• 2D межжевой массив
• Матрица в Фортране
• целочисленный массив в Фортране
• Как научиться Фортрану из нуля

• Scheme

• Не было указано в аутентификации, и не было обнаружено дефолтчалльенгшема
• Как составить список в схеме
• Схема союза двух списков
• Рекурсивная схема Фибоначчи
• Схема tmlanguage
• request.scheme request.path
• Понци схемы

• Perl

• Perl Foreach Loop
• Перл заменить подстроение
• Perl Exit Loop
• Perl Postfix
• Perl Post Condition
• Perl Slice Array
• Perl петли
• замена Perl
• Perl Do, пока петля
• Perl Regex

• Groovy

• Получить дату сейчас Groovy
• Привет, мир в Groovy
• Array List.split Groovy
• Groovy Split String
• Для петли Groovy
• Uncaught typeerror: s (...). Потягивание инструментов не является функцией
• массив в Groovy
• Groovy to String
• страсть в Граале
• Введите внутри работающего контейнера Docker

• Lua

• roblox check, есть ли у игрока геймпас
• Печатный стол LUA
• Дети петля Roblox lua
• roblox дети для петли
• Roblox for Kids Loop
• Случайный генератор строк Lua
• Кербальная космическая программа 2
• lua string.split
• Функция ожидания Луа
• Roblox Studio Teleport на столкновении

• Julia

• Импорт CSV в Джулии
• Джулия читать CSV DataFrame
• Сюжет в Джулии
• Джулия Строка в int
• Гистограмма Джулии График
• Джулия Привет, мир
• Джулия написать в файл
• Джулия беззакоче
• Джулия остановка для петли
• Джулия создает матрицу

• Delphi

• Получите последний элемент массива Delphi
• Основы Delphi, генерирующие случайное число
• Получите текущую дату Delphi
• Длина строки в Delphi
• Delphi замените строку
• Delphi Fullscreen
• Delphi Array
• Получите время в миллисекундах Delphi
• Орден увольнение
• Delphi Faredac Sort

• Abap

• ABAP целое число
• ABAP ALV Popup
• ABAP Concatenate
• Adobre образует abap tcode
• Учреждение: 375 UNCAUTH REDUCTIRROR: $ не определено
• Интерфейс между словарем ABAP и базовой системой управления базами данных
• Каков интерфейс между словарем ABAP и базовой системой управления базами данных
• abap char переменная
• ABAP, если утверждение
• Комментарии ABAP

• Lisp

• Common Lisp Ide macos
• Вход LISP
• Список содержит LISP
• Запрос на вытягивание Магита
• переключатель eMACS горизонтальный вертикальный
• Doom Emacs PDF-Tools
• Печать LISP
• Случайный выбор из списка строк в Emacs Lisp
• elisp return type
• Общий номер карты LISP к слову

• Prolog

• Пролог фактор
• Продолжительность пролога списка
• Перевести (1 2 9 одно два девяти) Программирование пролога
• Полный аддер в прологе
• Пролог создать факт
• Пролог Удалить элемент из списка
• Меню, управляемое в Прологе
• Привет, World Prolog

• Pascal

• Pascal вывод
• Паскаль написать
• Паскаль писатель
• Напишите без изменения линии в Паскале
• Печать в Паскале
• Pascal Print to Console
• Оставьте линию пустой линии в Паскале
• Паскаль ввод
• Паскаль Читает
• Возьмите вклад консоли в Паскале

• ActionScript

• Как отключить ограничение иностранного ключа в PostgreSQL
• Media Query CSS для всех устройств
• Сбросить курс Udemy
• microsoft.visualstudio.web.codegeneration.design 3.1.0
• Перемещать записи из таблицы в другую, используя миграцию Knex
• из Sys Import Stdin
• Как изменить размер изображения Base64
• Привет, мир в ActionScript
• BS Modal работает, но не виден
• Как проверить, существует ли последовательность в PostgreSQL

• Basic

• Как отправить базовую аудиторию, используя выборку
• VB String to Int32
• Как сделать поле сообщения об ошибке VBS
• Команда mongodb удалить _id
• Как открыть D Drive с помощью Conda
• CMD не может изменить каталог
• CMD CD не работает
• Как добавить базовую аутентификацию на сервере Haproxy Backend
• личный токен доступа
• GIT Access токен

• Solidity

• петля в солидности
• случайная функция в солидности
• перечисление в солидности
• нулевая адреса прочности
• солидность структура
• структура в солидности
• Структура в солидности
• Строка солидности конкатенации
• массив солидности структуры
• Проверка прочности, если массив содержит

• PowerShell

• Установите Windows командной строки Python
• PowerShell отображает название правил брандмауэра
• Windows 10 деблоат
• Функция вызова powerShell
• PowerShell -ExecutionPolicy Inpress -File
• Start-Process Pwsh
• PowerShell Take Recirtive Command
• Отключить защитник PowerShell
• PowerShell Удалить node_modules
• Как отображать порты правил брандмауэра с PowerShell

• GDScript

• Godot Close Game
• Годовать, если объект находится в группе
• Годо используйте enum для экспорта var
• Годовать проверку, работает ли таймер
• Godot Get Global Pulace 3D
• Godot Get Global Pocition 3
• Godot find_node ()
• Годо, установив сцену по умолчанию
• Годо, установив главную сцену
• Годовать проверку в экспортированной версии

• Excel

• Excel создайте гиперссылку для соответствующей ячейки
• Excel ссылка на первый матч
• Excel Update Hyperlind Spearch после добавления строк или столбцов
• Excel Auto Регулировать высоту строк
• Excel Auto Fit Height Row
• Excel Используйте смещение в условном форматировании
• Excel условное форматирование вне диапазона
• Formula Excel не обновляется после вставки строк
• Excel Formula Update Updert Вставка столбца строки
• Excel Hyperlind ссылка не обновляется при вставке строк

Смотреть другие языки программирования