BootstrapCheatsheet

RTL алдау парағы

Мазмұны

Типография

Құжаттама

Дисплей 1

Дисплей 2

Дисплей 3

Дисплей 4

Көрсеткіш 5

Дисплей 6

Тақырып 1

Тақырып 2

Тақырып 3

Тақырып 4

Тақырып 5

6-тақырып

Бұл жетекші абзац. Ол кәдімгі абзацтардан ерекшеленеді.

Белгі тегін пайдалана аласызбөлектеумәтін.

Бұл мәтін жолы жойылған мәтін ретінде қарастырылады.

Мәтіннің бұл жолы енді дәл емес деп есептелуі керек.

Мәтіннің бұл жолы құжатқа қосымша ретінде қарастырылады.

Мәтіннің бұл жолы асты сызылған түрде көрсетіледі.

Мәтіннің бұл жолы жақсы басып шығару ретінде қарастырылады.

Бұл жол қалың мәтін ретінде көрсетілді.

Бұл жол курсив мәтін ретінде көрсетілді.

Блок тырнақша элементінде қамтылған белгілі дәйексөз.

Source Title бойынша танымал біреу
  • Бұл тізім.
  • Ол мүлдем стильсіз болып көрінеді.
  • Құрылымдық жағынан бұл әлі де тізім.
  • Дегенмен, бұл стиль тек тікелей еншілес элементтерге қолданылады.
  • Кірістірілген тізімдер:
    • бұл стиль әсер етпейді
    • әлі де оқ көрсетеді
    • және тиісті сол жақ жиегі бар
  • Бұл кейбір жағдайларда әлі де пайдалы болуы мүмкін.
  • Бұл тізім элементі.
  • Және тағы біреуі.
  • Бірақ олар кірістірілген түрде көрсетіледі.

Суреттер

Құжаттама
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

Фигуралар

Құжаттама
Placeholder 400x300
Жоғарыдағы суретке түсініктеме.

Пішіндер

Шолу

Құжаттама
Біз сіздің электрондық поштаңызды ешкіммен ешқашан бөліспейміз.
Радио түймелері

Өшірілген пішіндер

Құжаттама
Өшірілген радио түймелері

Өлшемді анықтау

Құжаттама

Енгізу тобы

Құжаттама
@
@example.com
https://example.com/users/
$ .00
Мәтіндік аумақпен

Қалқымалы белгілер

Құжаттама

Валидация

Құжаттама
Жақсы көрінеді!
Жақсы көрінеді!
@
Пайдаланушы атын таңдаңыз.
Жарамды қаланы көрсетіңіз.
Жарамды күйді таңдаңыз.
Жарамды zip жіберіңіз.
Жібермес бұрын келісу керек.

Құрамдас бөліктер

Аккордеон

Құжаттама

Бұл бірінші заттың аккордеон корпусы. Тасымалдау плагині әрбір элементті стильдеу үшін пайдаланатын сәйкес сыныптарды қосқанша ол әдепкі бойынша жасырылады. Бұл сыныптар жалпы көріністі, сондай-ақ CSS ауысулары арқылы көрсету мен жасыруды бақылайды. Осының кез келгенін теңшелетін CSS арқылы өзгертуге немесе әдепкі айнымалы мәндерді қайта анықтауға болады. .accordion-bodyСондай-ақ , ауысу толып кетуді шектейтініне қарамастан, кез келген HTML-ге кіре алатынын атап өткен жөн .

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 арқылы өзгертуге немесе әдепкі айнымалы мәндерді қайта анықтауға болады. .accordion-bodyСондай-ақ , ауысу толып кетуді шектейтініне қарамастан, кез келген HTML-ге кіре алатынын атап өткен жөн .

Ескертулер

Құжаттама

Белгі

Құжаттама

Мысал тақырыбыЖаңа

Мысал тақырыбыЖаңа

Мысал тақырыбыЖаңа

Мысал тақырыбыЖаңа

Мысал тақырыбыЖаңа

Мысал тақырыбыЖаңа

Мысал тақырыбыЖаңа

Мысал тақырыбыЖаңа

Негізгі Екінші Жетістік Қауіп Ескерту Ақпарат Жарық Қараңғы

Түймелер

Құжаттама

Карта

Құжаттама
Placeholder Image cap
Карта атауы

Карта тақырыбына құрастырылатын және карта мазмұнының негізгі бөлігін құрайтын кейбір жылдам мысал мәтіні.

Бір жерге барыңыз
Таңдаулы
Карта атауы

Карта тақырыбына құрастырылатын және карта мазмұнының негізгі бөлігін құрайтын кейбір жылдам мысал мәтіні.

Бір жерге барыңыз
2 күн бұрын
Карта атауы

Карта тақырыбына құрастырылатын және карта мазмұнының негізгі бөлігін құрайтын кейбір жылдам мысал мәтіні.

  • Элемент
  • Екінші элемент
  • Үшінші элемент
Карта сілтемесі Басқа сілтеме
Placeholder Image
Карта атауы

Бұл қосымша мазмұнға табиғи кіріс ретінде төмендегі қолдаушы мәтіні бар кеңірек карта. Бұл мазмұн сәл ұзағырақ.

Соңғы рет 3 минут бұрын жаңартылды

Тізім тобы

Құжаттама
  • Өшірілген элемент
  • Екінші элемент
  • Үшінші элемент
  • Төртінші элемент
  • Және бесінші
  • Элемент
  • Екінші элемент
  • Үшінші элемент
  • Төртінші элемент
  • Және бесінші
Қарапайым әдепкі тізім тобы элементі Қарапайым негізгі тізім тобы элементі Қарапайым қосымша тізім тобы элементі Қарапайым табыс тізімінің топ элементі Қауіпті тізім тобының қарапайым элементі Қарапайым ескерту тізімінің топтық элементі Қарапайым ақпарат тізімінің топ элементі Қарапайым жеңіл тізім топтық элементі Қарапайым қараңғы тізім тобының элементі

Поповерлер

Құжаттама

Scrollspy

Құжаттама

Бірінші айдар

Бұл scrollspy бетіне арналған толтырғыш мазмұны. Бетті төмен айналдырған кезде сәйкес шарлау сілтемесі бөлектелетінін ескеріңіз. Ол бүкіл құрамдас мысалда қайталанады. Айналдыру мен бөлектеуді ерекшелеу үшін осы жерге тағы бірнеше мысал көшірмелерін қосуды жалғастырамыз.

Екінші айдар

Бұл scrollspy бетіне арналған толтырғыш мазмұны. Бетті төмен айналдырған кезде сәйкес шарлау сілтемесі бөлектелетінін ескеріңіз. Ол бүкіл құрамдас мысалда қайталанады. Айналдыру мен бөлектеуді ерекшелеу үшін осы жерге тағы бірнеше мысал көшірмелерін қосуды жалғастырамыз.

Үшінші айдар

Бұл scrollspy бетіне арналған толтырғыш мазмұны. Бетті төмен айналдырған кезде сәйкес шарлау сілтемесі бөлектелетінін ескеріңіз. Ол бүкіл құрамдас мысалда қайталанады. Айналдыру мен бөлектеуді ерекшелеу үшін осы жерге тағы бірнеше мысал көшірмелерін қосуды жалғастырамыз.

Төртінші айдар

Бұл scrollspy бетіне арналған толтырғыш мазмұны. Бетті төмен айналдырған кезде сәйкес шарлау сілтемесі бөлектелетінін ескеріңіз. Ол бүкіл құрамдас мысалда қайталанады. Айналдыру мен бөлектеуді ерекшелеу үшін осы жерге тағы бірнеше мысал көшірмелерін қосуды жалғастырамыз.

Бесінші айдар

Бұл scrollspy бетіне арналған толтырғыш мазмұны. Бетті төмен айналдырған кезде сәйкес шарлау сілтемесі бөлектелетінін ескеріңіз. Ол бүкіл құрамдас мысалда қайталанады. Айналдыру мен бөлектеуді ерекшелеу үшін осы жерге тағы бірнеше мысал көшірмелерін қосуды жалғастырамыз.

Спиннерлер

Құжаттама

Тосттар

Құжаттама

Кеңестер

Құжаттама