2.x से 3.0 में माइग्रेट हो रहल बा

बूटस्ट्रैप 3 v2.x के साथ बैकवर्ड कम्पेटिबल नइखे। v2.x से v3.0 में अपग्रेड करे खातिर एह खंड के एगो सामान्य गाइड के रूप में इस्तेमाल करीं। व्यापक अवलोकन खातिर, देखल जाय कि v3.0 रिलीज के घोषणा में का नया बा।

बड़हन वर्ग में बदलाव होला

ई तालिका v2.x आ v3.0 के बीच के शैली में बदलाव के देखावे ला।

बूटस्ट्रैप 2.x के बा बूटस्ट्रैप 3.0 के बा
.row-fluid .row
.span* .col-md-*
.offset* .col-md-offset-*
.brand .navbar-brand
.navbar .nav .navbar-nav
.nav-collapse .navbar-collapse
.nav-toggle .navbar-toggle
.btn-navbar .navbar-btn
.hero-unit .jumbotron
.icon-* .glyphicon .glyphicon-*
.btn .btn .btn-default
.btn-mini .btn-xs
.btn-small .btn-sm
.btn-large .btn-lg
.alert .alert .alert-warning
.alert-error .alert-danger
.visible-phone .visible-xs
.visible-tablet .visible-sm
.visible-desktop में बँट गइल बा.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop में बँट गइल बा.hidden-md .hidden-lg
.input-block-level .form-control
.control-group .form-group
.control-group.warning .control-group.error .control-group.success .form-group.has-*
.checkbox.inline .radio.inline .checkbox-inline .radio-inline
.input-prepend .input-append .input-group
.add-on .input-group-addon
.img-polaroid .img-thumbnail
ul.unstyled .list-unstyled
ul.inline .list-inline
.muted .text-muted
.label .label .label-default
.label-important .label-danger
.text-error .text-danger
.table .error .table .danger
.bar .progress-bar
.bar-* .progress-bar-*
.accordion .panel-group
.accordion-group .panel .panel-default
.accordion-heading .panel-heading
.accordion-body .panel-collapse
.accordion-inner .panel-body

का नया बा

हमनी के नया तत्व जोड़ले बानी जा आ कुछ मौजूदा तत्वन के बदलले बानी जा. इहाँ नया भा अपडेट कइल स्टाइल दिहल गइल बा.

तत्त्व बिबरन
पैनल के बा .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
समूहन के सूची बनाईं .list-group .list-group-item .list-group-item-text .list-group-item-heading
ग्लिफिकॉन के नाम से जानल जाला .glyphicon
जंबोट्रॉन के बा .jumbotron
अतिरिक्त छोट ग्रिड (<768px) बा। .col-xs-*
छोट ग्रिड (≥768px) बा। .col-sm-*
मध्यम ग्रिड (≥992px) के बा। .col-md-*
बड़हन ग्रिड (≥1200px) बा। .col-lg-*
रिस्पांसिव यूटिलिटी क्लास (≥1200px) के बारे में जानकारी दिहल गइल बा। .visible-lg .hidden-lg
ऑफसेट हो जाला .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
धक्का .col-sm-push-* .col-md-push-* .col-lg-push-*
खींचल .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
इनपुट ऊंचाई के आकार के बा .input-sm .input-lg
इनपुट समूह के बा .input-group .input-group-addon .input-group-btn
फार्म कंट्रोल करेला .form-control .form-group
बटन समूह के आकार के बा .btn-group-xs .btn-group-sm .btn-group-lg
नवबर के पाठ बा .navbar-text
नवबार के हेडर बा .navbar-header
जायज टैब / गोली के बा .nav-justified
प्रतिक्रियाशील छवियन के बा .img-responsive
संदर्भ तालिका के पंक्तियन के बारे में बतावल गइल बा .success .danger .warning .active .info
संदर्भ के पैनल के बारे में बतावल गइल बा .panel-success .panel-danger .panel-warning .panel-info
मोडल के बा .modal-dialog .modal-content
थंबनेल छवि के बा .img-thumbnail
कुआँ के साइज के बा .well-sm .well-lg
अलर्ट लिंक दिहल गइल बा .alert-link

का हटा दिहल गइल बा

v3.0 में निम्नलिखित तत्व सभ के छोड़ दिहल गइल बा या बदल दिहल गइल बा।

तत्त्व 2.x से हटा दिहल गइल बा 3.0 के बराबर बा
क्रिया के रूप देवे के बा .form-actions एन/ए के बा
खोज के फार्म बा .form-search एन/ए के बा
जानकारी के साथे समूह बनाईं .control-group.info एन/ए के बा
फिक्स-चौड़ाई इनपुट साइज के बा .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge .form-controlएकरा जगह पर आ ग्रिड सिस्टम के इस्तेमाल करीं .
ब्लॉक स्तर के फार्म इनपुट बा .input-block-level कवनो सीधा समकक्ष ना, बाकिर रूप नियंत्रण एके जइसन होला.
उल्टा बटन के बा .btn-inverse एन/ए के बा
तरल पदार्थ के पंक्ति बा .row-fluid .row(अब कवनो फिक्स ग्रिड ना)
रैपर के नियंत्रित करेला .controls एन/ए के बा
पंक्ति के नियंत्रित करेला .controls-row .rowअऊर.form-group
नवबर के भीतर के बा .navbar-inner एन/ए के बा
नवबर ऊर्ध्वाधर विभाजक बा .navbar .divider-vertical एन/ए के बा
ड्रॉपडाउन सबमेनू के बा .dropdown-submenu एन/ए के बा
टैब के संरेखण के बारे में बतावल गइल बा .tabs-left .tabs-right .tabs-below एन/ए के बा
गोली आधारित टैब करे लायक क्षेत्र बा .pill-content .tab-content
गोली आधारित टैब करे लायक क्षेत्र फलक .pill-pane .tab-pane
नव लिस्ट बा .nav-list .nav-header कवनो सीधा समकक्ष नइखे, बाकिर सूची समूह आ .panel-groups एके जइसन बा.
फार्म नियंत्रण खातिर इनलाइन मदद .help-inline एकर सटीक समकक्ष नइखे, बाकिर .help-blockएके जइसन बा.
गैर-बार-स्तर के प्रगति के रंग .progress-info .progress-success .progress-warning .progress-danger .progress-bar-*एकरा जगह पर पर इस्तेमाल करीं .progress-bar.

अतिरिक्त नोट कइल गइल बा

v3.0 में अउरी बदलाव तुरंत ना लउके ला। लचीलापन आ हमनी के मोबाइल फर्स्ट एप्रोच खातिर बेस क्लास, प्रमुख शैली, आ व्यवहार के समायोजित कइल गइल बा . इहाँ एकर आंशिक सूची दिहल गइल बा:

  • डिफ़ॉल्ट रूप से, टेक्स्ट आधारित फॉर्म कंट्रोल सभ के अब खाली न्यूनतम स्टाइलिंग मिले ला। फोकस रंग आ गोल कोना खातिर, .form-controlस्टाइल पर तत्व पर क्लास लागू करीं।
  • लागू कइल गइल क्लास के साथ टेक्स्ट आधारित फॉर्म कंट्रोल .form-controlअब डिफ़ॉल्ट रूप से 100% चौड़ा हो गइल बा। <div class="col-*"></div>इनपुट चौड़ाई के नियंत्रित करे खातिर इनपुट के अंदर लपेट लीं ।
  • .badgeअब संदर्भ (-सफलता,-प्राथमिक,आदि..) कक्षा नइखे रहि गइल।
  • .btn.btn-default"डिफ़ॉल्ट" बटन पावे खातिर भी इस्तेमाल करे के पड़ी ।
  • .rowअब तरल हो गइल बा.
  • छवि अब डिफ़ॉल्ट रूप से रिस्पांसिव नइखे रहि गइल। .img-responsiveतरल पदार्थ <img>के आकार खातिर इस्तेमाल करीं ।
  • आइकन, अब .glyphicon, अब फॉन्ट आधारित बा। आइकन सभ खातिर एगो बेस आ आइकन क्लास के भी जरूरत होला (जइसे कि .glyphicon .glyphicon-asterisk)।
  • टाइपहेड के छोड़ दिहल गइल बा, ट्विटर टाइपहेड के इस्तेमाल करे के पक्ष में ।
  • मोडल मार्कअप में काफी बदलाव आइल बा। , .modal-header, .modal-bodyआ सेक्शन अब बेहतर मोबाइल स्टाइलिंग आ व्यवहार खातिर आ ओकरा खातिर .modal-footerलपेटल गइल बा . साथ ही, रउरा अब अपना मार्कअप में आवेदन ना करे के चाहीं..modal-content.modal-dialog.hide.modal
  • v3.1.0 के रूप में, remoteमोडल विकल्प द्वारा लोड कइल गइल एचटीएमएल के अब में के बजाय .modal-content(v3.0.0 से v3.0.3, में .modal) में इंजेक्ट कइल जाला .modal-body। एह से रउआँ मोडल के हेडर आ फुटर में भी आसानी से बदलाव कर सकेनी, खाली मोडल बॉडी में ना।
  • बटन.js प्लगइन के चेकबॉक्स आ रेडियो फीचर अब दुनु अपना मार्कअप data-toggle="buttons"के जगह data-toggle="buttons-checkbox"भा data-toggle="buttons-radio"अपना मार्कअप में इस्तेमाल करेला.
  • जावास्क्रिप्ट इवेंट सभ के नेमस्पेस कइल गइल बा। उदाहरण खातिर, मोडल "शो" इवेंट के संभाले खातिर, इस्तेमाल करीं 'show.bs.modal'। टैब खातिर "देखावल गइल" इस्तेमाल करीं 'shown.bs.tab', आदि।

v3.0 में अपग्रेड करे के बारे में अउरी जानकारी खातिर, आ समुदाय से कोड स्निपेट सभ खातिर, बूटप्लाई देखल जाय ।