بوټسټپشیټ شیټ

RTL cheatsheet

منځپانګې

ټایپوګرافي

اسناد

ښکاره 1

ښودنه 2

ښودل 3

ښودنه 4

ښودنه 5

ښودنه 6

سرلیک 1

سرلیک 2

سرلیک 3

سرلیک 4

سرلیک 5

سرلیک 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

میزونه

اسناد
# لومړی تېر سمبالول
1 مارک اوټو @mdo
2 یعقوب تورټن @ غوړ
3 لاري مرغۍ @ټویټر
# لومړی تېر سمبالول
1 مارک اوټو @mdo
2 یعقوب تورټن @ غوړ
3 لاري مرغۍ @ټویټر
ټولګي سرلیک سرلیک
ډیفالټ حجره حجره
لومړني حجره حجره
ثانوي حجره حجره
بریالیتوب حجره حجره
خطر حجره حجره
خبرتیا حجره حجره
معلومات حجره حجره
رڼا حجره حجره
تیاره حجره حجره
# لومړی تېر سمبالول
1 مارک اوټو @mdo
2 یعقوب تورټن @ غوړ
3 لاري مرغۍ @ټویټر

ارقام

اسناد
Placeholder 400x300
د پورتني عکس لپاره سرلیک.

فورمې

کتنه

اسناد
موږ به هیڅکله ستاسو بریښنالیک له بل چا سره شریک نه کړو.
د راډیو بټن

معلول شوي فورمې

اسناد
غیر فعال شوي راډیو بټونه

اندازه کول

اسناد

د ننوتلو ګروپ

اسناد
@
@example.com
https://example.com/users/
ډالر .00
د متن سره

فلوټینګ لیبلونه

اسناد

اعتبار

اسناد
ښه ښکاري!
ښه ښکاري!
@
مهرباني وکړئ یو کارن نوم غوره کړئ.
مهرباني وکړئ یو معتبر ښار چمتو کړئ.
مهرباني وکړئ یو معتبر حالت وټاکئ.
مهرباني وکړئ یو معتبر زپ چمتو کړئ.
تاسو باید د سپارلو دمخه موافقه وکړئ.

اجزا

accordion

اسناد

دا د لومړي توکي accordion بدن دی. دا د ډیفالټ لخوا پټ شوی، تر هغه چې د سقوط پلگ ان مناسب ټولګي اضافه کړي چې موږ یې د هر عنصر سټایل کولو لپاره کاروو. دا ټولګي ټولیز بڼه کنټرولوي، په بیله بیا د 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.

دا دریم توکي د accordion بدن دی. دا د ډیفالټ لخوا پټ شوی، تر هغه چې د سقوط پلگ ان مناسب ټولګي اضافه کړي چې موږ یې د هر عنصر سټایل کولو لپاره کاروو. دا ټولګي ټولیز بڼه کنټرولوي، په بیله بیا د CSS لیږدونو له لارې ښودل او پټول. تاسو کولی شئ دا هر یو د دودیز CSS سره یا زموږ د ډیفالټ متغیرونو له لارې بدل کړئ. دا هم د یادولو وړ ده چې یوازې د هر HTML په اړه کولی شي دننه لاړ شي .accordion-body، که څه هم لیږد ډیروالی محدودوي.

خبرتیاوې

اسناد

برج

اسناد

د مثال سرلیکنوی

د مثال سرلیکنوی

د مثال سرلیکنوی

د مثال سرلیکنوی

د مثال سرلیکنوی

د مثال سرلیکنوی

د مثال سرلیکنوی

د مثال سرلیکنوی

لومړني ثانوي بریالیتوب خطر خبرتیا معلومات رڼا تیاره

تڼۍ

اسناد

کارت

اسناد
Placeholder Image cap
د کارت سرلیک

د کارت په سرلیک کې د جوړولو لپاره ځینې ګړندي مثال متن او د کارت مینځپانګې لویه برخه جوړوي.

چیرته لاړ شه
انځور شوی
د کارت سرلیک

د کارت په سرلیک کې د جوړولو لپاره ځینې ګړندي مثال متن او د کارت مینځپانګې لویه برخه جوړوي.

چیرته لاړ شه
2 ورځې وړاندې
د کارت سرلیک

د کارت په سرلیک کې د جوړولو لپاره ځینې ګړندي مثال متن او د کارت مینځپانګې لویه برخه جوړوي.

  • یو شی
  • دوهم توکي
  • دریم توکي
د کارت لینک بل لینک
Placeholder Image
د کارت سرلیک

دا یو پراخه کارت دی چې د ملاتړ متن سره لاندې اضافي مینځپانګې ته د طبیعي لیډ ان په توګه. دا مواد لږ څه اوږد دي.

وروستی تازه 3 دقیقې دمخه

لست ګروپ

اسناد
  • یو معیوب شوی توکي
  • دوهم توکي
  • دریم توکي
  • څلورم توکي
  • او پنځم یو
  • یو شی
  • دوهم توکي
  • دریم توکي
  • څلورم توکي
  • او پنځم یو
یو ساده ډیفالټ لیست ګروپ توکي یو ساده لومړني لیست ګروپ توکي یو ساده ثانوي لیست ګروپ توکي د ساده بریالیتوب لیست ګروپ توکي یو ساده خطر لیست ګروپ توکي یو ساده خبرتیا لیست ګروپ توکي د ساده معلوماتو لیست ګروپ توکي یو ساده رڼا لیست ګروپ توکي یو ساده تیاره لیست ګروپ توکي

Popovers

اسناد

پرمختګ

اسناد
۰٪
۲۵٪
50%
۷۵٪
100%

scrollspy

اسناد

لومړی سرلیک

دا د scrollspy پاڼې لپاره ځینې ځای لرونکي مینځپانګې دي. په یاد ولرئ لکه څنګه چې تاسو پا pageه ښکته کوئ ، مناسب نیویګیشن لینک روښانه شوی. دا د ټولې برخې مثال کې تکرار شوی. موږ دلته د سکرول کولو او روښانه کولو ټینګار کولو لپاره یو څه نور مثال کاپي اضافه کوو.

دوهم سرلیک

دا د scrollspy پاڼې لپاره ځینې ځای لرونکي مینځپانګې دي. په یاد ولرئ لکه څنګه چې تاسو پا pageه ښکته کوئ ، مناسب نیویګیشن لینک روښانه شوی. دا د ټولې برخې مثال کې تکرار شوی. موږ دلته د سکرول کولو او روښانه کولو ټینګار کولو لپاره یو څه نور مثال کاپي اضافه کوو.

دریم سرلیک

دا د scrollspy پاڼې لپاره ځینې ځای لرونکي مینځپانګې دي. په یاد ولرئ لکه څنګه چې تاسو پا pageه ښکته کوئ ، مناسب نیویګیشن لینک روښانه شوی. دا د ټولې برخې مثال کې تکرار شوی. موږ دلته د سکرول کولو او روښانه کولو ټینګار کولو لپاره یو څه نور مثال کاپي اضافه کوو.

څلورم سرلیک

دا د scrollspy پاڼې لپاره ځینې ځای لرونکي مینځپانګې دي. په یاد ولرئ لکه څنګه چې تاسو پا pageه ښکته کوئ ، مناسب نیویګیشن لینک روښانه شوی. دا د ټولې برخې مثال کې تکرار شوی. موږ دلته د سکرول کولو او روښانه کولو ټینګار کولو لپاره یو څه نور مثال کاپي اضافه کوو.

پنځم سرلیک

دا د scrollspy پاڼې لپاره ځینې ځای لرونکي مینځپانګې دي. په یاد ولرئ لکه څنګه چې تاسو پا pageه ښکته کوئ ، مناسب نیویګیشن لینک روښانه شوی. دا د ټولې برخې مثال کې تکرار شوی. موږ دلته د سکرول کولو او روښانه کولو ټینګار کولو لپاره یو څه نور مثال کاپي اضافه کوو.

سپنران

اسناد

ټاسټونه

اسناد

وسیلې

اسناد