מיגרייטינג צו v3.x
גיידאַנס אויף ווי צו אַפּגרייד פון Bootstrap v2.x צו וו3.x מיט טראָפּ אויף הויפּט ענדערונגען, וואָס איז נייַ און וואָס איז אַוועקגענומען.
גיידאַנס אויף ווי צו אַפּגרייד פון Bootstrap v2.x צו וו3.x מיט טראָפּ אויף הויפּט ענדערונגען, וואָס איז נייַ און וואָס איז אַוועקגענומען.
באָאָטסטראַפּ 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-group s זענען ענלעך. |
ינלינע הילף פֿאַר פאָרעם קאָנטראָלס | .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
)..modal-header
, .modal-body
, און .modal-footer
סעקשאַנז זענען איצט אלנגעוויקלט אין .modal-content
און .modal-dialog
פֿאַר בעסער רירעוודיק סטילינג און נאַטור. אויך, איר זאָל ניט מער צולייגן .hide
צו .modal
דיין מאַרקאַפּ.remote
מאָדאַל אָפּציע איז איצט ינדזשעקטיד אין די .modal-content
(פון וו3.0.0 צו וו3.0.3, אין די .modal
) אַנשטאָט אין די .modal-body
. דאָס אַלאַוז איר צו לייכט טוישן די כעדער און פוטער פון די מאָדאַל, ניט נאָר די מאָדאַל גוף.data-toggle="buttons"
אַנשטאָט פון data-toggle="buttons-checkbox"
אָדער data-toggle="buttons-radio"
אין זייער מאַרקאַפּ.'show.bs.modal'
. פֿאַר טאַבס "געוויזן" נוצן 'shown.bs.tab'
, עטק.פֿאַר מער אינפֿאָרמאַציע וועגן אַפּגריידינג צו וו3.0, און קאָד סניפּאַץ פון די קהל, זען Bootply .