- دستاویزات: عام ڈھانچے، مثالوں، اور کوڈ کے ٹکڑوں کے لیے پورے بورڈ میں اہم اپ ڈیٹس۔ میڈیا کے نئے سوالات کے ساتھ بھی جوابدہ بنایا۔
- Docs: تمام دستاویزات کے صفحات اب مونچھوں کے سانچوں کے ذریعے چلائے جاتے ہیں اور ٹوئٹر ٹرانسلیشن سینٹر کے ذریعے ترجمہ کے لیے i18n ٹیگز میں تار لپیٹے جاتے ہیں۔ دستاویزات میں تمام تبدیلیاں یہاں ہونی چاہئیں اور پھر مرتب کی جائیں (ہمارے CSS اور اس سے کم کی طرح)۔
- ریپو ڈائریکٹری ڈھانچہ: دستاویزات کے ہوم پیج پر ایک بڑے براہ راست ڈاؤن لوڈ لنک کے حق میں مرتب کردہ سی ایس ایس کو جڑ سے ہٹا دیا گیا۔ مرتب شدہ سی ایس ایس میں ہے
/docs/assets/css/
۔
- دستاویزات اور ریپو: ایک میک فائل، صرف
make
ٹرمینل میں ٹائپ کریں اور تازہ ترین دستاویزات اور سی ایس ایس حاصل کریں۔
گرڈ سسٹم
- گرڈ سسٹم کو اپ ڈیٹ کیا گیا، اب 16 کے بجائے صرف 12 کالم ہیں۔
- ریسپانسیو اپروچ کا مطلب ہے کہ آپ کے پروجیکٹ اسمارٹ فونز، ٹیبلیٹس اور بہت کچھ پر عملی طور پر کام کرتے ہیں
- 17-24 کالموں کے لیے غیر استعمال شدہ (بطور ڈیفالٹ) گرڈ کالمز سپورٹ کو ہٹا دیا گیا
جوابدہ (میڈیا کے سوالات)
- موبائل اور ٹیبلیٹ آلات پر بنیادی مدد کے لیے میڈیا کے سوالات شامل کیے گئے۔
- ریسپانسیو سی ایس ایس کو الگ سے مرتب کیا گیا ہے، جیسا کہ bootstrap-responsive.css
نوع ٹائپ
h4
عناصر کو 16px سے 14px line-height
پر 18px کے ڈیفالٹ کے ساتھ گرا دیا گیا۔
h5
عناصر کو 14px سے 12px پر گرا دیا گیا۔
h6
عناصر کو 13px سے 11px پر گرا دیا گیا۔
- بلاک کوٹس کے لیے دائیں طرف سے منسلک آپشن اگر
float: right;
کوڈ
- کے لیے نیا گرافیکل انداز
<code>
- Google Code Prettify اسٹائلز کو اپ ڈیٹ کیا گیا (GitHub کے خلاصوں پر مبنی)
میزیں
colspan
اور کے لیے بہتر سپورٹrowspan
- طرزیں اب نئی بیس کلاس تک محدود ہیں،
.table
- ٹیبل کلاسز
.table-
کو بطور سابقہ مطلوبہ کے ساتھ معیاری بنایا گیا ہے۔
- غیر استعمال شدہ ٹیبل کے رنگ کے اختیارات کو ہٹا دیا گیا (اس قدر کم اثر کے لیے بہت زیادہ کوڈ)
- TableSorter کے لیے سپورٹ ختم کر دی گئی۔
بٹن
- رنگوں اور سائزوں کے لیے نئی کلاسیں، سبھی کے ساتھ سابقہ لگا ہوا ہے۔
.btn-
- IE9: گراڈینٹ کو ہٹا دیا گیا اور گول کونے شامل کیے گئے۔
- بٹن گروپس (نئے) میں اسٹائل کو واضح کرنے اور حسب ضرورت منتقلی کے ساتھ بہتر نظر آنے کے لیے فعال حالت کو اپ ڈیٹ کیا گیا۔
.buttonBackground
بٹن کے گریڈینٹ کو سیٹ کرنے کے لیے نیا مکسین،
- کلاس کو
.secondary
ہمارے دستاویزات میں موڈل مثالوں سے ہٹا دیا گیا تھا کیونکہ اس میں کبھی بھی اسلوب وابستہ نہیں تھا۔
فارمز
- کم سی ایس ایس استعمال کرنے اور زیادہ لچک شامل کرنے کے لیے ڈیفالٹ فارم اسٹائل اب عمودی (اسٹیکڈ) ہے۔
.form-
ایک سابقہ کے طور پر مطلوبہ کے ساتھ معیاری کلاسز فارم کریں۔
- تلاش، ان لائن اور افقی شکلوں کے لیے نئے بلٹ ان فارم ڈیفالٹس
- افقی شکلوں کے لیے، پچھلی کلاسیں
.clearfix
اور نئی اور .input
کے برابر ہیں ۔.control-group
.controls
- تمام اسٹائل کے لیے کلاسز کے ساتھ مزید لچکدار افقی فارم مارک اپ، بشمول نئی اختیاری کلاس
label
- فارم اسٹیٹس: رنگوں کو اپ ڈیٹ کیا گیا اور نئے کم متغیرات کے ذریعے حسب ضرورت
شبیہیں، بذریعہ Glyphicons
- نئے Glyphicons Halflings آئیکن سیٹ کو سیاہ اور سفید میں سپرائٹ فارم میں شامل کیا گیا۔
- ٹن سیاق و سباق میں ایک آئیکن کے لیے سادہ مارک اپ درکار ہے:
<i class="icon-cog"></>
.icon-white
اسی آئیکن کے سفید تغیر کے لیے ایک اور کلاس شامل کریں ۔
بٹن گروپس اور ڈراپ ڈاؤن
- 2.0 میں دو بالکل نئے اجزاء: بٹن گروپس اور بٹن ڈراپ ڈاؤن
- انحصار: بٹن کے ڈراپ ڈاؤن بٹن گروپس پر بنائے جاتے ہیں، اور اس لیے ان کے تمام طرز کی ضرورت ہوتی ہے۔
- بٹن گروپس،
.btn-group
کو بٹن ٹول بار کے ساتھ ایک لیول اونچا گروپ کیا جا سکتا ہے،.btn-toolbar
سمت شناسی
- ٹیبز اور گولیوں کو اب ایک نئی بیس کلاس کے استعمال کی ضرورت ہے،
.nav
ان کے <ul>
اور کلاس کے نام اب .nav-pills
اور .nav-tabs
ہیں۔
- نیو نیو لسٹ ویری ایشن شامل کی گئی جو ایک ہی بیس کلاس کا استعمال کرتی ہے،
.nav
- عمودی ٹیبز اور گولیاں شامل کر دی گئی ہیں — بس اس میں شامل کریں
.nav-stacked
۔<ul>
- گولیوں کو پہلے سے کم گول کرنے کے لیے دوبارہ ترتیب دیا گیا تھا۔
- گولیوں میں اب ڈراپ ڈاؤن مینو سپورٹ ہے (وہ ٹیبز کی طرح مارک اپ اور اسٹائل کا اشتراک کرتے ہیں)
نوبار (پہلے ٹاپ بار)
- بیس کلاس سے
.topbar
میں بدل گیا۔.navbar
- اب جامد پوزیشن کو سپورٹ کرتا ہے (پہلے سے طے شدہ رویہ، فکسڈ نہیں) اور ویو پورٹ کے اوپری حصے پر بذریعہ
.navbar-fixed-top
فکسڈ (پہلے صرف سپورٹ فکسڈ)
- عمودی ڈیوائیڈرز کو ٹاپ لیول نیوی میں شامل کیا گیا۔
- navbar میں ان لائن فارمز کے لیے بہتر سپورٹ، جس کے لیے اب
.navbar-form
صرف مطلوبہ شکلوں تک مناسب طریقے سے اسکوپ کرنے کی ضرورت ہے۔
- Navbar تلاش کے فارم کو اب
.navbar-search
کلاس کے استعمال اور اس کے ان پٹ کے استعمال کی ضرورت ہے .search-query
۔ تلاش کے فارم کو پوزیشن دینے کے لیے، آپ کو استعمال کرنا چاہیے .pull-left
یا .pull-right
۔
- چھوٹی ریزولوشنز اور ڈیوائسز کے لیے نیوبار کے مواد کو ختم کرنے کے لیے اختیاری ریسپانسیو مارک اپ شامل کیا گیا۔ استعمال کرنے کے طریقہ کے لیے navbar دستاویزات دیکھیں ۔
ڈراپ ڈاؤن مینو
.dropdown-menu
وقفہ کاری کو سخت کرنے کے لیے اپ ڈیٹ کیا گیا۔
- اب آپ کو
<span class="caret"></span>
ڈراپ ڈاؤن تیر دکھانے کے لیے ایک شامل کرنے کی ضرورت ہے۔
- اب آپ سے
data-toggle="dropdown"
ٹوگلنگ رویہ حاصل کرنے کے لیے ایک وصف شامل کرنے کی ضرورت ہے۔
- نیوبار (فکسڈ ٹاپ بار) میں بالکل نئے ڈراپ ڈاؤن ہیں۔ تاریک ورژن ختم ہو گئے اور ان کی جگہ معیاری سفید رنگ ہیں جن کے اوپر ایک اضافی کیریٹ ہے تاکہ پوزیشن کی وضاحت ہو۔
لیبلز
- ریاستی رنگوں سے ملنے کے لیے لیبل کے رنگ اپ ڈیٹ کیے گئے۔
- وہ نہ صرف گرافک طور پر مماثل ہیں، بلکہ وہ ایک ہی نئے متغیرات کے ذریعہ تقویت یافتہ ہیں۔
تھمب نیلز
- پہلے
.media-grid
، اب صرف .thumbnails
، ہم نے باکس سے باہر مجموعی سادگی کو برقرار رکھتے ہوئے مزید استعمال کے لیے اس جزو کو اچھی طرح سے بڑھا دیا ہے۔
.thumbnail
انفرادی تھمب نیلز کو اب کلاس درکار ہے۔
انتباہات
- نئی بیس کلاس:
.alert
اس کے بجائے.alert-message
- کلاس کے نام دوسرے اختیارات کے لیے معیاری بنائے گئے، اب سبھی کے ساتھ شروع ہو رہے ہیں۔
.alert-
- پہلے سے طے شدہ انتباہات اور بلاک سطح کے انتباہات کو یکجا کرنے کے لیے بنیادی الرٹ کے انداز کو دوبارہ ڈیزائن کیا گیا
- بلاک لیول الرٹ کلاس تبدیل کر دی گئی:
.alert-block
بجائے.block-message
ترقی کی سلاخیں
- 2.0 میں نیا
- CSS3 کے ذریعے دھاری دار اور متحرک تغیرات سمیت کلاسز کے ذریعے متعدد طرزیں پیش کرتا ہے۔
متفرق اجزاء
- اچھی طرح کے اجزاء اور قریبی آئیکن کے لئے دستاویزات شامل کی گئیں (موڈل اور انتباہات میں استعمال کیا جاتا ہے)
ٹول ٹپس
- پلگ ان کے طریقہ کار کا نام تبدیل کر کے سے کر دیا گیا
twipsy()
ہے tooltip()
، اور کلاس کا نام سے تبدیل کر دیا گیا twipsy
ہے tooltip
۔
placement
آپشن ویلیو جو تھی اب below
ہے bottom
، اور above
اب ہے top
۔
animate
آپشن کا نام تبدیل کر دیا گیا animation
۔
- آپشن کو
html
ہٹا دیا گیا تھا، کیونکہ ٹول ٹپس پہلے سے طے شدہ HTML کو اب اجازت دینے کے لیے ہیں۔
پاپورز
- چائلڈ عناصر اب مناسب طریقے سے نام کی جگہ پر ہیں:
.title
to .popover-title
, .inner
to .popover-inner
, اور .content
to .popover-content
.
placement
آپشن ویلیو جو تھی اب below
ہے bottom
، اور above
اب ہے top
۔
نئے پلگ انز