بوت اسٹرپ 5 گرید: چھوٹی اہمیت والی ڈیوائس
- 上一页 BS5 网格 XSmall
- 下一页 BS5 网格 Medium
چھوٹی آلات کا گرید مثال
ایکس اسمال | چھوٹی | میڈیم | لارج | ایکسی لارج | XXL | |
---|---|---|---|---|---|---|
کلاس کا پیشونامہ | .col- |
.col-sm- |
.col-md- |
.col-lg- |
.col-xl- |
.col-xxl- |
اسکرین کی چوڑائی | <576px | >=576px | >=768px | >=992px | >=1200px | >=1400px |
ماحولیت: آپ کو ایک دو کولومنوں والی سادہ لائاوت کو چاہیئے. چھوٹی آلات کے لئے، آپ کو 25% / 75% کا تقسیم کرنا چاہیئے،
چھوٹی آلات کو اس کی اسکرین کی چوڑائی کے مطابق بنایا جاتا ہے،576 پیکسل سے 767 پیکسل تک.
چھوٹی آلات کے لئے، آپ کو استعمال کرنا چاہیئے، .col-sm-*
کلاس.
آپنے دو کولومنوں میں درج کی گئی کلاس کو اضافہ کریں گے:
<div class="col-sm-3">....</div> <div class="col-sm-9">....</div>
ایک مثال کو چھوٹی (اور وسطی، بڑی، بہت بڑی اور بہت بڑی) آلات پر 25% / 75% کا تقسیم پیدا کرے گا. چھوٹی آلات پر، یہ خودکار طور پر پچھا دیا جائے گا (100%):
مثال
<div class="col-sm-3 bg-primary"><div class="col-sm-9 bg-dark">世界自然基金会(WWF),成立于1961年4月29日,其标志是一只大熊猫 ...
1980年,WWF正式来到中国,受中国政府邀请来华开展大熊猫及其栖息地的保护工作 ...