2.x irraa gara 3.0tti godaansaa jira

Bootstrap 3 v2.x waliin duubatti hin walsimu. Kutaa kana akka qajeelfama waliigalaa v2.x irraa gara v3.0tti ol guddisuuf fayyadami. Haala waliigalaa bal'aadhaaf, beeksisa gadhiifamuu v3.0 keessatti maaltu haaraa akka ta'e ilaali.

Jijjiirama daree gurguddoo

Gabatee kun jijjiirama akkaataa v2.x fi v3.0 gidduu jiru agarsiisa.

Bootstrap 2.x jedhamuun beekama Bootstrap 3.0 jedhamuun beekama
.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 Gara qoqqoodamu.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop Gara qoqqoodamu.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

Waan haaraa ta'e

Qaamolee haaraa itti daballee kanneen jiran tokko tokko jijjiirreerra. Akkaataa haaraa ykn haaromfame kunooti.

Qabiyyee Ibsa
Paanaalii .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
Garee tarreessi .list-group .list-group-item .list-group-item-text .list-group-item-heading
Glyphicons jedhaman .glyphicon
Jumbotroon jedhamuun beekama .jumbotron
Giriidii xiqqaa dabalataa (<768px) . .col-xs-*
Giriidii xiqqaa (≥768px) . .col-sm-*
Giriidii giddu galeessaa (≥992px) . .col-md-*
Giriidii guddaa (≥1200px) . .col-lg-*
Gitoota faayidaa deebii kennuu (≥1200px) . .visible-lg .hidden-lg
Ofseetota .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Dhiibuu .col-sm-push-* .col-md-push-* .col-lg-push-*
Harkisuu .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Safara olka'iinsa galtee .input-sm .input-lg
Garee galtee .input-group .input-group-addon .input-group-btn
To'annoo unkaa .form-control .form-group
Hammangaa garee buttooni .btn-group-xs .btn-group-sm .btn-group-lg
Barruu Navbar .navbar-text
Mata duree Navbar .navbar-header
Taaboota / kiniinii haqa qabeessa .nav-justified
Fakkiiwwan deebii kennan .img-responsive
Tarreewwan gabatee haalata .success .danger .warning .active .info
Paanaalii haala qabatamaa .panel-success .panel-danger .panel-warning .panel-info
Moodaalii .modal-dialog .modal-content
Fakkii xiqqaa .img-thumbnail
Safara boolla bishaanii .well-sm .well-lg
Hidhamtoota akeekkachiisaa .alert-link

Waan buqqa'e

Qaamonni armaan gadii v3.0 keessatti kufaniiru ykn jijjiiramaniiru.

Qabiyyee 2.x irraa kaafame 3.0 Kan wal gitu
Gochoota uumuu .form-actions N/A
Unka barbaadi .form-search N/A
Garee info waliin unkaa .control-group.info N/A
Hammangaawwan galtee bal'ina dhaabbataa .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge .form-controlBakka isaa fi sirna giiridii fayyadami .
Galtee unkaa sadarkaa ugguraa .input-block-level Kallattiin walqixa hin qabu, garuu to'annoon unkaalee walfakkaataadha.
Qabduulee faallaa .btn-inverse N/A
Tarree dhangala’aa .row-fluid .row(kana booda giiridii dhaabbataa hin jiru)
Marfataa to'ata .controls N/A
Tarree to'ata .controls-row .rowyookaan.form-group
Navbar keessaa .navbar-inner N/A
Qoodtoota dhaabbataa Navbar .navbar .divider-vertical N/A
Menuu xiqqaa gadi bu'aa .dropdown-submenu N/A
Hiriirsa caancalaa .tabs-left .tabs-right .tabs-below N/A
Naannoo tabbable kiniinii irratti hundaa’e .pill-content .tab-content
Qaaqa naannoo caancala kiniinii irratti hundaa'e .pill-pane .tab-pane
Tarreewwan Nav .nav-list .nav-header Kallattiin walqixa hin qabu, garuu gareewwan tarree fi .panel-groups wal fakkaatu.
Gargaarsa sarara keessaa too'annoo unkaaf .help-inline Sirritti kan wal gitu hin qabu, garuu .help-blockwal fakkaata.
Halluuwwan adeemsaa sadarkaa barruu hin taane .progress-info .progress-success .progress-warning .progress-danger .progress-bar-*Instead irratti fayyadamaa .progress-bar.

Yaadannoo dabalataa

Jijjiiramni biroo v3.0 keessatti mul'atu battalumatti hin mul'atu. Kutaawwan bu'uuraa, akkaataan furtuu, fi amala jijjiirama fi mala jalqabaa mobaayilaa keenyaaf sirreeffamaniiru. Tarreen gartokkee kunooti:

  • Akka durtiitti, too'annoowwan unkaa barruu irratti hundaa'an amma akkaataa xiqqaa qofa argatu. Halluuwwan xiyyeeffannoo fi goleewwan geengoo ta'aniif, .form-controlgita elementii irratti akkaataatti hojii irra oolchi.
  • To'annoon unkaa barruu irratti hundaa'e .form-controlgita hojiirra oole waliin amma durtiidhaan 100% bal'aa dha. <div class="col-*"></div>Bal'ina galtee to'achuuf galteewwan keessaa marsi .
  • .badgekana booda daree haalaa (-milkaa'ina,-primary,etc..) hin qabu.
  • .btn.btn-defaultakkasumas qaree "durtii" argachuuf fayyadamuu qaba .
  • .rowamma dhangala’aa ta’eera.
  • Fakkiiwwan kana booda akka durtiitti deebii hin kennan. Guddina .img-responsivedhangala’aadhaaf fayyadamuu .<img>
  • Mallattoolee, amma .glyphicon, amma qubee irratti hundaa'aniiru. Mallattoolee akkasumas gita bu'uuraa fi mallattoo barbaadu (fkn .glyphicon .glyphicon-asterisk).
  • Typeahead kufeera, Twitter fayyadamuu deggereera Typeahead .
  • Modal markup haalaan jijjiirameera. Kutaaleen .modal-header, .modal-body, fi .modal-footeramma itti marfamaniiru .modal-contentakkasumas .modal-dialogakkaataa fi amala moobaayilaa fooyya'aa ta'eef. Akkasumas, kana booda markup kee keessatti iyyachuu hin qabdu .hide..modal
  • Akka v3.1.0, HTML filannoo moodaaliin fe'ame remoteamma gara .modal-content(v3.0.0 irraa gara v3.0.3, gara .modal) osoo hin taane gara .modal-body. Kunis qaama moodaalii qofa osoo hin taane, mataduree fi jalaan moodaalii salphaatti jijjiiruuf si dandeessisa.
  • Sanduuqa filannoo fi amaloonni raadiyoo button.js plugin amma lamaan isaanii data-toggle="buttons"bakka data-toggle="buttons-checkbox"ykn data-toggle="buttons-radio"mallattoo isaanii keessatti fayyadamu.
  • Taateewwan JaavaScript maqaa addaan baafamaniiru. Fakkeenyaaf, taatee moodaalii "agarsiisi" qabachuuf, fayyadami 'show.bs.modal'. Caancalaaf "agarsiifame" fayyadami 'shown.bs.tab', fi kkf.

Odeeffannoo dabalataa gara v3.0tti guddisuu, fi ciccitaa koodii hawaasa irraa, Bootply ilaali .