БутстрапШпаргалка

Шпаргалка RTL

Змест

Тыпаграфіка

Дакументацыя

Дысплей 1

Дысплей 2

Дысплей 3

Дысплей 4

Дысплей 5

Дысплей 6

Загаловак 1

Загаловак 2

Загаловак 3

Загаловак 4

Загаловак 5

Загаловак 6

Гэта першы абзац. Ён вылучаецца са звычайных абзацаў.

Вы можаце выкарыстоўваць пазнаку длявылучыцьтэкст.

Гэты радок тэксту павінен разглядацца як выдалены тэкст.

Гэты радок тэксту павінен разглядацца як недакладны.

Гэты радок тэксту павінен разглядацца як дадатак да дакумента.

Гэты радок тэксту будзе адлюстроўвацца як падкрэслены.

Гэты радок тэксту павінен разглядацца як дробны шрыфт.

Гэты радок адлюстроўваецца тлустым шрыфтам.

Гэты радок выдзелены курсівам.

Добра вядомая цытата, якая змяшчаецца ў элеменце 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 Птушка Лары @twitter
# Першы Апошні Ручка
1 Марк Ота @mdo
2 Якаў Торнтан @тоўсты
3 Птушка Лары @twitter
Клас Загаловак Загаловак
Па змаўчанні Сотавы Сотавы
Першасны Сотавы Сотавы
Другасны Сотавы Сотавы
Поспех Сотавы Сотавы
Небяспека Сотавы Сотавы
Папярэджанне Сотавы Сотавы
Інфармацыя Сотавы Сотавы
Святло Сотавы Сотавы
Цёмны Сотавы Сотавы
# Першы Апошні Ручка
1 Марк Ота @mdo
2 Якаў Торнтан @тоўсты
3 Птушка Лары @twitter

Формы

Агляд

Дакументацыя
Мы ніколі нікому не перадамо вашу электронную пошту.
Кнопкі радыё

Формы для інвалідаў

Дакументацыя
Адключаныя кнопкі радыё

Праклейванне

Дакументацыя

Уваходная група

Дакументацыя
@
@example.com
https://example.com/users/
$ .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. Звярніце ўвагу, што калі вы пракручваеце старонку ўніз, адпаведная навігацыйная спасылка вылучаецца. Гэта паўтараецца ва ўсім прыкладзе кампанента. Мы працягваем дадаваць сюды яшчэ некалькі прыкладаў, каб падкрэсліць пракрутку і вылучэнне.

Спінеры

Дакументацыя

Тосты

Дакументацыя

Падказкі

Дакументацыя