BootstrapПищов

RTL cheatsheet

Съдържание

Типография

Документация

Дисплей 1

Дисплей 2

Дисплей 3

Дисплей 4

Дисплей 5

Дисплей 6

Заглавие 1

Заглавие 2

Заглавие 3

Заглавие 4

Заглавие 5

Заглавие 6

Това е водещ параграф. Той се отличава от обикновените параграфи.

Можете да използвате маркера mark заподчертайтетекст.

Този ред от текст е предназначен да се третира като изтрит текст.

Този ред от текст трябва да се третира като вече неточен.

Този ред от текст е предназначен да се третира като допълнение към документа.

Този ред от текст ще се визуализира като подчертан.

Този ред от текст е предназначен да се третира като дребен шрифт.

Този ред се изобразява като удебелен текст.

Този ред се изобразява като текст в курсив.

Добре познат цитат, съдържащ се в елемент blockquote.

Някой известен в заглавието на източника
  • Това е списък.
  • Изглежда напълно нестилизирано.
  • Структурно, това все още е списък.
  • Този стил обаче се прилага само за непосредствени дъщерни елементи.
  • Вложени списъци:
    • не се влияят от този стил
    • все още ще показва куршум
    • и имат подходящо ляво поле
  • Това все още може да бъде полезно в някои ситуации.
  • Това е елемент от списък.
  • И още един.
  • Но те се показват в ред.

Изображения

Документация
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200
# Първо Последно Дръжка
1 Марк Ото @mdo
2 Джейкъб Торнтън @дебел
3 Птицата Лари @туитър
# Първо Последно Дръжка
1 Марк Ото @mdo
2 Джейкъб Торнтън @дебел
3 Птицата Лари @туитър
Клас Заглавие Заглавие
По подразбиране клетка клетка
Първичен клетка клетка
Втори клетка клетка
Успех клетка клетка
опасност клетка клетка
Внимание клетка клетка
Информация клетка клетка
Светлина клетка клетка
Тъмно клетка клетка
# Първо Последно Дръжка
1 Марк Ото @mdo
2 Джейкъб Торнтън @дебел
3 Птицата Лари @туитър

Форми

Преглед

Документация
Никога няма да споделяме вашия имейл с никой друг.
Радио бутони

Форми с увреждания

Документация
Забранени радио бутони

Оразмеряване

Документация

Входна група

Документация
@
@example.com
https://example.com/users/
$ 0,00
С текстово поле

Валидиране

Документация
Изглежда добре!
Изглежда добре!
@
Моля, изберете потребителско име.
Моля, посочете валиден град.
Моля, изберете валиден щат.
Моля, предоставете валиден пощенски код.
Трябва да се съгласите, преди да изпратите.

Компоненти

Акордеон

Документация

Това е тялото на акордеона на първия елемент. Той е скрит по подразбиране, докато плъгинът за свиване добави подходящите класове, които използваме за стилизиране на всеки елемент. Тези класове контролират цялостния външен вид, както и показването и скриването чрез CSS преходи. Можете да промените всичко това с персонализиран CSS или да замените нашите променливи по подразбиране. Също така си струва да се отбележи, че почти всеки HTML може да влезе в .accordion-body, въпреки че преходът ограничава препълването.

Това е акордеонното тяло на втория елемент. Той е скрит по подразбиране, докато плъгинът за свиване добави подходящите класове, които използваме за стилизиране на всеки елемент. Тези класове контролират цялостния външен вид, както и показването и скриването чрез CSS преходи. Можете да промените всичко това с персонализиран CSS или да замените нашите променливи по подразбиране. Също така си струва да се отбележи, че почти всеки HTML може да влезе в .accordion-body, въпреки че преходът ограничава препълването.

Това е тялото на акордеона на третия елемент. Той е скрит по подразбиране, докато плъгинът за свиване добави подходящите класове, които използваме за стилизиране на всеки елемент. Тези класове контролират цялостния външен вид, както и показването и скриването чрез CSS преходи. Можете да промените всичко това с персонализиран CSS или да замените нашите променливи по подразбиране. Също така си струва да се отбележи, че почти всеки HTML може да влезе в .accordion-body, въпреки че преходът ограничава препълването.

Сигнали

Документация

Примерно заглавие Ново

Примерно заглавие Ново

Примерно заглавие Ново

Примерно заглавие Ново

Примерно заглавие Ново

Примерно заглавие Ново

Примерно заглавие Ново

Примерно заглавие Ново

Първичен Вторичен успех Информация за предупреждение за опасност Светло Тъмно
Placeholder Image cap
Заглавие на картата

Някакъв бърз примерен текст, който да надгражда заглавието на картата и да съставлява по-голямата част от съдържанието на картата.

Отиди някъде
Представено
Заглавие на картата

Някакъв бърз примерен текст, който да надгражда заглавието на картата и да съставлява по-голямата част от съдържанието на картата.

Отиди някъде
Заглавие на картата

Някакъв бърз примерен текст, който да надгражда заглавието на картата и да съставлява по-голямата част от съдържанието на картата.

  • Артикул
  • Втори елемент
  • Трети артикул
Placeholder Image
Заглавие на картата

Това е по-широка карта с поддържащ текст по-долу като естествено въведение към допълнително съдържание. Това съдържание е малко по-дълго.

Последна актуализация преди 3 минути

Списъчна група

Документация
  • Елемент с увреждания
  • Втори елемент
  • Трети артикул
  • Четвърти елемент
  • И пети
  • Артикул
  • Втори елемент
  • Трети артикул
  • Четвърти елемент
  • И пети

Първо заглавие

Това е малко съдържание на контейнер за страницата ScrollSpy. Имайте предвид, че докато превъртате страницата надолу, подходящата връзка за навигация се маркира. Повтаря се в целия пример на компонента. Продължаваме да добавяме още примерни копия тук, за да подчертаем превъртането и подчертаването.

Второ заглавие

Това е малко съдържание на контейнер за страницата ScrollSpy. Имайте предвид, че докато превъртате страницата надолу, подходящата връзка за навигация се маркира. Повтаря се в целия пример на компонента. Продължаваме да добавяме още примерни копия тук, за да подчертаем превъртането и подчертаването.

Трето заглавие

Това е малко съдържание на контейнер за страницата ScrollSpy. Имайте предвид, че докато превъртате страницата надолу, подходящата връзка за навигация се маркира. Повтаря се в целия пример на компонента. Продължаваме да добавяме още примерни копия тук, за да подчертаем превъртането и подчертаването.

Четвърто заглавие

Това е малко съдържание на контейнер за страницата ScrollSpy. Имайте предвид, че докато превъртате страницата надолу, подходящата връзка за навигация се маркира. Повтаря се в целия пример на компонента. Продължаваме да добавяме още примерни копия тук, за да подчертаем превъртането и подчертаването.

Пето заглавие

Това е малко съдържание на контейнер за страницата ScrollSpy. Имайте предвид, че докато превъртате страницата надолу, подходящата връзка за навигация се маркира. Повтаря се в целия пример на компонента. Продължаваме да добавяме още примерни копия тук, за да подчертаем превъртането и подчертаването.

Спинери

Документация
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...
Зареждане...

Тостове

Документация

Подсказки

Документация