מיגרייטינג פון 2.x צו 3.0

באָאָטסטראַפּ 3 איז נישט קאַפּויער קאַמפּאַטאַבאַל מיט וו2.קס. ניצן דעם אָפּטיילונג ווי אַ גענעראַל פירן צו אַפּגריידינג פון וו2.קס צו וו3.0. פֿאַר אַ ברייטערער איבערבליק, זען וואָס איז נייַ אין די מעלדונג מעלדן פון v3.0.

הויפּט קלאַס ענדערונגען

דער טיש ווייזט די נוסח ענדערונגען צווישן וו2.קס און וו3.0.

באָאָצטראַפּ 2.קס באָאָטסטראַפּ 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
עקסטרע קליין גריד (<768 פּקס) .col-xs-*
קליין גריד (≥768 פּקס) .col-sm-*
מיטל גריד (≥992 פּקס) .col-md-*
גרויס גריד (≥ 1200 פּקס) .col-lg-*
אָפּרופיק נוצן קלאסן (≥ 1200 פּקס) .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

וואָס איז אַוועקגענומען

די פאלגענדע עלעמענטן האָבן שוין דראַפּט אָדער געביטן אין וו3.0.

עלעמענט אַוועקגענומען פון 2.x 3.0 עקוויוואַלענט
פאָרעם אַקשאַנז .form-actions N/A
זוכן פאָרעם .form-search N/A
פאָרעם גרופּע מיט אינפֿאָרמאַציע .control-group.info N/A
פאַרפעסטיקט-ברייט אַרייַנשרייַב סיזעס .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge ניצן .form-controlאון די גריד סיסטעם אַנשטאָט.
פאַרשפּאַרן מדרגה פאָרעם אַרייַנשרייַב .input-block-level קיין דירעקט עקוויוואַלענט, אָבער די קאָנטראָלס פון די פארמען זענען ענלעך.
פאַרקערט קנעפּלעך .btn-inverse N/A
פליסיק רודערן .row-fluid .row(ניט מער פאַרפעסטיקט גריד)
קאָנטראָלס ראַפּער .controls N/A
קאָנטראָלס רודערן .controls-row .rowאָדער.form-group
נאַוובאַר ינער .navbar-inner N/A
נאַוובאַר ווערטיקאַל דיווידערס .navbar .divider-vertical N/A
דראָפּדאָוון סובמעניו .dropdown-submenu N/A
טאַב אַליינמאַנץ .tabs-left .tabs-right .tabs-below N/A
פּיל-באזירט טאַבאַבלע געגנט .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אַנשטאָט.

נאָך הערות

אנדערע ענדערונגען אין וו3.0 זענען נישט גלייך קלאָר. באַזע קלאסן, שליסל סטיילז און ביכייוויערז זענען אַדזשאַסטיד פֿאַר בייגיקייט און אונדזער ערשטער רירעוודיק צוגאַנג. דאָ איז אַ טיילווייַז רשימה:

  • דורך פעליקייַט, טעקסט-באזירט פאָרעם קאָנטראָלס איצט באַקומען בלויז מינימאַל סטילינג. פֿאַר פאָקוס פארבן און ראַונדיד עקן, צולייגן די .form-controlקלאַס אויף דעם עלעמענט צו סטיל.
  • טעקסט-באזירט פאָרעם קאָנטראָלס מיט די .form-controlקלאַס געווענדט זענען איצט 100% ברייט דורך פעליקייַט. ייַנוויקלען ינפּוץ ין <div class="col-*"></div>צו קאָנטראָלירן אַרייַנשרייַב ברייט.
  • .badgeניט מער קאָנטעקסטואַל (-סאַקסעס,-ערשטיק, אאז"ו ו.) קלאסן.
  • .btnמוזן אויך נוצן .btn-defaultצו באַקומען די "פעליקייַט" קנעפּל.
  • .rowאיז איצט פליסיק.
  • בילדער זענען ניט מער אָפּרופיק דורך פעליקייַט. ניצן .img-responsiveפֿאַר פליסיק <img>גרייס.
  • די ייקאַנז, איצט .glyphicon, זענען איצט שריפֿט באזירט. ייקאַנז אויך דאַרפן אַ באַזע און ייקאַן קלאַס (למשל .glyphicon .glyphicon-asterisk).
  • טיפּאַהעאַד איז דראַפּט, אין טויווע פון ​​ניצן Twitter Typeahead .
  • מאָדאַל מאַרקאַפּ האט געביטן באטייטיק. די .modal-header, .modal-body, און .modal-footerסעקשאַנז זענען איצט אלנגעוויקלט אין .modal-contentאון .modal-dialogפֿאַר בעסער רירעוודיק סטילינג און נאַטור. אויך, איר זאָל ניט מער צולייגן .hideצו .modalדיין מאַרקאַפּ.
  • ווי פון וו3.1.0, די HTML לאָודיד דורך די remoteמאָדאַל אָפּציע איז איצט ינדזשעקטיד אין די .modal-content(פון וו3.0.0 צו וו3.0.3, אין די .modal) אַנשטאָט אין די .modal-body. דאָס אַלאַוז איר צו לייכט טוישן די כעדער און פוטער פון די מאָדאַל, ניט נאָר די מאָדאַל גוף.
  • די טשעקקבאָקס און ראַדיאָ פֿעיִקייטן פון די button.js פּלוגין איצט ביידע נוצן data-toggle="buttons"אַנשטאָט פון data-toggle="buttons-checkbox"אָדער data-toggle="buttons-radio"אין זייער מאַרקאַפּ.
  • דזשאַוואַסקריפּט געשעענישן זענען נאַמעספּאַסעד. פֿאַר בייַשפּיל, צו שעפּן די מאָדאַל "ווייַזן" געשעעניש, נוצן 'show.bs.modal'. פֿאַר טאַבס "געוויזן" נוצן 'shown.bs.tab', עטק.

פֿאַר מער אינפֿאָרמאַציע וועגן אַפּגריידינג צו וו3.0 און קאָד סניפּאַץ פון די קהל, זען Bootply .