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, въпреки че преходът ограничава препълването.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

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

Сигнали

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

Значка

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

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

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

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

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

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

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

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

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

Първичен Втори Успех опасност Внимание Информация Светлина Тъмно

Бутони

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

карта

Документация
Placeholder Image cap
Заглавие на картата

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

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

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

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

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

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

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

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

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

Документация
  • Елемент с увреждания
  • Втори елемент
  • Трети артикул
  • Четвърти елемент
  • И пети
  • Артикул
  • Втори елемент
  • Трети артикул
  • Четвърти елемент
  • И пети
Обикновен групов елемент от списък по подразбиране Обикновен първичен групов елемент от списъка Обикновен вторичен групов елемент от списъка Обикновен групов елемент от списъка за успех Обикновен групов елемент от списъка с опасности Обикновен групов елемент от списъка с предупреждения Обикновен групов елемент от информационен списък Обикновен лек елемент от групата от списък Обикновен групов елемент от тъмен списък

Попови

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

Scrollspy

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

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

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

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

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

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

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

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

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

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

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

Спинери

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

Тостове

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

Подсказки

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