BootstrapCheatsheet

RTL cheatsheet

مەزمۇنى

مەتبەئە

پۈتۈك

كۆرسىتىش 1

كۆرسىتىش 2

كۆرسىتىش 3

كۆرسىتىش 4

كۆرسىتىش 5

كۆرسىتىش 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

بۇ يېتەكچى ئابزاس. ئۇ دائىملىق ئابزاسلاردىن ئالاھىدە پەرقلىنىدۇ.

بەلگە بەلگىسىنى ئىشلەتسىڭىز بولىدۇيارقىن نۇقتاتېكىست.

بۇ قۇر تېكىست ئۆچۈرۈلگەن تېكىست دەپ قارىلىدۇ.

بۇ بىر قۇر تېكىست ئەمدى توغرا ئەمەس دەپ قارىلىدۇ.

بۇ بىر قۇر تېكىست ھۆججەتكە قوشۇمچە دەپ قارىلىدۇ.

بۇ قۇر تېكىست ئاستى سىزىق بويىچە كۆرسىتىلىدۇ.

بۇ بىر قۇر تېكىست ئىنچىكە بېسىپ چىقىرىلغان دەپ قارىلىدۇ.

بۇ قۇر توم تېكىست سۈپىتىدە كۆرسىتىلدى.

بۇ قۇر يانتۇ تېكىست سۈپىتىدە كۆرسىتىلدى.

ھەممىگە تونۇشلۇق نەقىل ، چەكلەش ئېلېمېنتى بار.

مەنبە ماۋزۇسىدا داڭلىق كىشى
  • بۇ بىر تىزىملىك.
  • ئۇ پۈتۈنلەي ئۇسلۇبسىز كۆرۈنىدۇ.
  • قۇرۇلما جەھەتتىن ، ئۇ يەنىلا بىر تىزىملىك.
  • قانداقلا بولمىسۇن ، بۇ ئۇسلۇب پەقەت بالا ئېلېمېنتلىرىغا ماس كېلىدۇ.
  • تىزىملىك ​​تىزىملىكى:
    • بۇ ئۇسلۇبنىڭ تەسىرىگە ئۇچرىمايدۇ
    • يەنىلا بىر پاي ئوقنى كۆرسىتىدۇ
    • ھەمدە مۇۋاپىق سول پەرقى بار
  • بۇ بەزى ئەھۋاللاردا يەنىلا قولايلىق بولۇشى مۇمكىن.
  • بۇ بىر تىزىملىك ​​تۈرى.
  • يەنە بىرى.
  • ئەمما ئۇلار ئىچكى قىسىمدا كۆرسىتىلىدۇ.

سۈرەتلەر

پۈتۈك
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

جەدۋەل

پۈتۈك
# بىرىنچى ئاخىرقى Handle
1 Mark Otto @mdo
2 ياقۇپ Thornton @fat
3 Larry the Bird @twitter
# بىرىنچى ئاخىرقى Handle
1 Mark Otto @mdo
2 ياقۇپ Thornton @fat
3 Larry the Bird @twitter
سىنىپ ماۋزۇ ماۋزۇ
سۈكۈتتىكى Cell Cell
Primary Cell Cell
Secondary Cell Cell
مۇۋەپپەقىيەت Cell Cell
خەتەر Cell Cell
ئاگاھلاندۇرۇش Cell Cell
ئۇچۇر Cell Cell
نۇر Cell Cell
قاراڭغۇ Cell Cell
# بىرىنچى ئاخىرقى Handle
1 Mark Otto @mdo
2 ياقۇپ Thornton @fat
3 Larry the Bird @twitter

سان

پۈتۈك
Placeholder 400x300
يۇقارقى رەسىمنىڭ ئىزاھاتى.

جەدۋەل

ئومۇمىي چۈشەنچە

پۈتۈك
بىز ئېلېكترونلۇق خەتلىرىڭىزنى باشقىلار بىلەن ئورتاقلاشمايمىز.
رادىئو كۇنۇپكىسى

چەكلەنگەن جەدۋەللەر

پۈتۈك
چەكلەنگەن رادىئو كۇنۇپكىسى

Sizing

پۈتۈك

كىرگۈزۈش گۇرۇپپىسى

پۈتۈك
@
@ example.com
https://example.com/users/
$ .00
تېكىست بىلەن

لەيلىمە بەلگە

پۈتۈك

دەلىللەش

پۈتۈك
قارىماققا ياخشى!
قارىماققا ياخشى!
@
ئىشلەتكۈچى نامىنى تاللاڭ.
ئۈنۈملۈك شەھەر بىلەن تەمىنلەڭ.
ئىناۋەتلىك ھالەتنى تاللاڭ.
ئىناۋەتلىك zip بىلەن تەمىنلەڭ.
تاپشۇرۇشتىن بۇرۇن چوقۇم قوشۇلۇشىڭىز كېرەك.

زاپچاسلار

ئاككوردىيون

پۈتۈك

بۇ تۇنجى تۈرنىڭ ئاككوردىيون گەۋدىسى. ئۇ سۈكۈتتىكى ھالەتتە يوشۇرۇنغان ، يىمىرىلىش قىستۇرمىسى بىز ھەر بىر ئېلېمېنتنى ئۇسلۇبتا ئىشلىتىدىغان مۇۋاپىق دەرسلەرنى قوشمىغۇچە. بۇ دەرسلەر ئومۇمىي كۆرۈنۈشنى كونترول قىلىدۇ ، شۇنداقلا CSS ئۆتكۈنچى ئارقىلىق كۆرسىتىش ۋە يوشۇرۇشنى ��ونترول قىلىدۇ. سىز خالىغان بىرىنى CSS ئارقىلىق ئۆزگەرتەلەيسىز ياكى سۈكۈتتىكى ئۆزگەرگۈچى مىقدارنى بېسىپ قويسىڭىز بولىدۇ. دىققەت قىلىشقا ئەرزىيدىغىنى شۇكى .accordion-body، گەرچە ئۆتكۈنچى ئېقىپ كېتىشنى چەكلىگەن بولسىمۇ ، ھەر قانداق HTML نىڭ ئىچىگە كىرەلەيدۇ.

بۇ ئىككىنچى تۈرنىڭ ئاككوردىيون گەۋدىسى. ئۇ سۈكۈتتىكى ھالەتتە يوشۇرۇنغان ، يىمىرىلىش قىستۇرمىسى بىز ھەر بىر ئېلېمېنتنى ئۇسلۇبتا ئىشلىتىدىغان مۇۋاپىق دەرسلەرنى قوشمىغۇچە. بۇ دەرسلەر ئومۇمىي كۆرۈنۈشنى كونترول قىلىدۇ ، شۇنداقلا CSS ئۆتكۈنچى ئارقىلىق كۆرسىتىش ۋە يوشۇرۇشنى كونترول قىلىدۇ. سىز خالىغان بىرىنى CSS ئارقىلىق ئۆزگەرتەلەيسىز ياكى سۈكۈتتىكى ئۆزگەرگۈچى مىقدارنى بېسىپ قويسىڭىز بولىدۇ. دىققەت قىلىشقا ئەرزىيدىغىنى شۇكى .accordion-body، گەرچە ئۆتكۈنچى ئېقىپ كېتىشنى چەكلىگەن بولسىمۇ ، ھەر قانداق HTML نىڭ ئىچىگە كىرەلەيدۇ.

بۇ ئۈچىنچى تۈرنىڭ ئاككوردىيون گەۋدىسى. ئۇ سۈكۈتتىكى ھالەتتە يوشۇرۇنغان ، يىمىرىلىش قىستۇرمىسى بىز ھەر بىر ئېلېمېنتنى ئۇسلۇبتا ئىشلىتىدىغان مۇۋاپىق دەرسلەرنى قوشمىغۇچە. بۇ دەرسلەر ئومۇمىي كۆرۈنۈشنى كونترول قىلىدۇ ، شۇنداقلا CSS ئۆتكۈنچى ئارقىلىق كۆرسىتىش ۋە يوشۇرۇشنى كونترول قىلىدۇ. سىز خالىغان بىرىنى CSS ئارقىلىق ئۆزگەرتەلەيسىز ياكى سۈكۈتتىكى ئۆزگەرگۈچى مىقدارنى بېسىپ قويسىڭىز بولىدۇ. دىققەت قىلىشقا ئەرزىيدىغىنى شۇكى .accordion-body، گەرچە ئۆتكۈنچى ئېقىپ كېتىشنى چەكلىگەن بولسىمۇ ، ھەر قانداق HTML نىڭ ئىچىگە كىرەلەيدۇ.

ئاگاھلاندۇرۇش

پۈتۈك

Badge

پۈتۈك

مىسال ماۋزۇيېڭى

مىسال ماۋزۇيېڭى

مىسال ماۋزۇيېڭى

مىسال ماۋزۇيېڭى

مىسال ماۋزۇيېڭى

مىسال ماۋزۇيېڭى

مىسال ماۋزۇيېڭى

مىسال ماۋزۇيېڭى

Primary Secondary مۇۋەپپەقىيەت خەتەر ئاگاھلاندۇرۇش ئۇچۇر نۇر قاراڭغۇ

كۇنۇپكىلار

پۈتۈك

كارتا

پۈتۈك
Placeholder Image cap
كارتا ئىسمى

كارتا ماۋزۇسىغا قۇرۇلغان ۋە كارتا مەزمۇنىنىڭ كۆپ قىسمىنى تەشكىل قىلىدىغان بىر قىسىم تېز مىسال تېكىستلىرى.

بىر يەرگە بېرىڭ
Featured
كارتا ئىسمى

كارتا ماۋزۇسىغا قۇرۇلغان ۋە كارتا مەزمۇنىنىڭ كۆپ قىسمىنى تەشكىل قىلىدىغان بىر قىسىم تېز مىسال تېكىستلىرى.

بىر يەرگە بېرىڭ
2 كۈن بۇرۇن
كارتا ئىسمى

كارتا ماۋزۇسىغا قۇرۇلغان ۋە كارتا مەزمۇنىنىڭ كۆپ قىسمىنى تەشكىل قىلىدىغان بىر قىسىم تېز مىسال تېكىستلىرى.

  • بىر تۈر
  • ئىككىنچى تۈر
  • ئۈچىنچى تۈر
كارتا ئۇلىنىشى باشقا ئۇلىنىش
Placeholder Image
كارتا ئىسمى

بۇ تېخىمۇ كەڭ كارتا بولۇپ ، تۆۋەندىكى مەزمۇنلارنى قوشۇمچە مەزمۇنلارنىڭ تەبىئىي يېتەكچىسى سۈپىتىدە قوللايدۇ. بۇ مەزمۇن سەل ئۇزۇنراق.

ئەڭ ئاخىرقى قېتىم 3 مىنۇت ئىلگىرى يېڭىلانغان

گۇرۇپپا

پۈتۈك
  • چەكلەنگەن تۈر
  • ئىككىنچى تۈر
  • ئۈچىنچى تۈر
  • تۆتىنچى تۈر
  • بەشىنچى
  • بىر تۈر
  • ئىككىنچى تۈر
  • ئۈچىنچى تۈر
  • تۆتىنچى تۈر
  • بەشىنچى
ئاددىي سۈكۈتتىكى تىزىملىك ​​گۇرۇپپا تۈرى ئاددىي بىر دەسلەپكى تىزىملىك ​​گۇرۇپپىسىنىڭ تۈرى ئاددىي ئىككىلەمچى گۇرۇپپا تۈرى ئاددىي مۇۋەپپەقىيەت تىزىملىكى گۇرۇپپا تۈرى ئاددىي خەتەر تىزىملىكى گۇرۇپپا تۈرى ئاددىي ئاگاھلاندۇرۇش تىزىملىكى گۇرۇپپا تۈرى ئاددىي ئۇچۇر تىزىملىكى گۇرۇپپا تۈرى ئاددىي يورۇقلۇق تىزىملىكى گۇرۇپپا تۈرى ئاددىي قاراڭغۇ تىزىملىك ​​گۇرۇپپىسىنىڭ تۈرى

Popovers

پۈتۈك

ئىلگىرىلەش

پۈتۈك
0%
25%
50%
75%
100%

Scrollspy

پۈتۈك

بىرىنچى ماۋزۇ

بۇ scrollspy بېتىنىڭ بەزى ئورۇن ئىگىلىرى مەزمۇنى. شۇنىڭغا دىققەت قىلىڭكى ، بەتنى ئاستىغا سۈرگەندە ، مۇۋاپىق يول باشلاش ئۇلىنىشى گەۋدىلىنىدۇ. ئۇ پۈتۈن زاپچاس مىسالىدا تەكرارلىنىدۇ. سىيرىلما ۋە گەۋدىلەندۈرۈشنى تەكىتلەش ئۈچۈن بۇ يەرگە يەنە بىر قانچە مىسال كۆپەيتتۇق.

ئىككىنچى ماۋزۇ

بۇ scrollspy بېتىنىڭ بەزى ئورۇن ئىگىلىرى مەزمۇنى. شۇنىڭغا دىققەت قىلىڭكى ، بەتنى ئاستىغا سۈرگەندە ، مۇۋاپىق يول باشلاش ئۇلىنىشى گەۋدىلىنىدۇ. ئۇ پۈتۈن زاپچاس مىسالىدا تەكرارلىنىدۇ. سىيرىلما ۋە گەۋدىلەندۈرۈشنى تەكىتلەش ئۈچۈن بۇ يەرگە يەنە بىر قانچە مىسال كۆپەيتتۇق.

ئۈچىنچى ماۋزۇ

بۇ scrollspy بېتىنىڭ بەزى ئورۇن ئىگىلىرى مەزمۇنى. شۇنىڭغا دىققەت قىلىڭكى ، بەتنى ئاستىغا سۈرگەندە ، مۇۋاپىق يول باشلاش ئۇلىنىشى گەۋدىلىنىدۇ. ئۇ پۈتۈن زاپچاس مىسالىدا تەكرارلىنىدۇ. سىيرىلما ۋە گەۋدىلەندۈرۈشنى تەكىتلەش ئۈچۈن بۇ يەرگە يەنە بىر قانچە مىسال كۆپەيتتۇق.

تۆتىنچى ماۋزۇ

بۇ scrollspy بېتىنىڭ بەزى ئورۇن ئىگىلىرى مەزمۇنى. شۇنىڭغا دىققەت قىلىڭكى ، بەتنى ئاستىغا سۈرگەندە ، مۇۋاپىق يول باشلاش ئۇلىنىشى گەۋدىلىنىدۇ. ئۇ پۈتۈن زاپچاس مىسالىدا تەكرارلىنىدۇ. سىيرىلما ۋە گەۋدىلەندۈرۈشنى تەكىتلەش ئۈچۈن بۇ يەرگە يەنە بىر قانچە مىسال كۆپەيتتۇق.

بەشىنچى ماۋزۇ

بۇ scrollspy بېتىنىڭ بەزى ئورۇن ئىگىلىرى مەزمۇنى. شۇنىڭغا دىققەت قىلىڭكى ، بەتنى ئاستىغا سۈرگەندە ، مۇۋاپىق يول باشلاش ئۇلىنىشى گەۋدىلىنىدۇ. ئۇ پۈتۈن زاپچاس مىسالىدا تەكرارلىنىدۇ. سىيرىلما ۋە گەۋدىلەندۈرۈشنى تەكىتلەش ئۈچۈن بۇ يەرگە يەنە بىر قانچە مىسال كۆپەيتتۇق.

Spinners

پۈتۈك

توست

پۈتۈك

قورال قوراللىرى

پۈتۈك