2.xmanta 3.0man astakuy

Bootstrap 3 mana qhipaman v2.x kaqwan tupaqchu. Kay t'aqata llamk'achiy huk hatun pusaq hina v2.x kaqmanta v3.0 kaqman yapaypaq. Aswan hatun qhawaypaq, qhaway ima musuq kaqta v3.0 lluqsichiy willakuypi.

Hatun clase cambiokuna

Kay tablaqa v2.x chaymanta v3.0 kaqpura estilo tikraykunata rikuchin.

Arranque 2.x Qallariy 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 Rakisqapi.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop Rakisqapi.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

Imataq musuq

Musuq elementokunata yapayku, wakin kachkaqkunatapas tikrarqayku. Kaypi musuq utaq musuqchasqa estilokuna kachkan.

Imakuna Willay
Paneles .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
Huñukunata qillqay .list-group .list-group-item .list-group-item-text .list-group-item-heading
Glificones nisqa .glyphicon
Jumbotron nisqa .jumbotron
Yapa uchuy llika (<768px) .col-xs-*
Huch'uy llimp'i (≥768px) .col-sm-*
Chawpi llikata (≥992px) .col-md-*
Hatun llika (≥1200px) . .col-lg-*
Kutichiq yanapakuy clasekuna (≥1200px) . .visible-lg .hidden-lg
Desplazamientos .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Tanqay .col-sm-push-* .col-md-push-* .col-lg-push-*
Chutay .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Tamaños de altura de entrada .input-sm .input-lg
Yaykuy huñukuna .input-group .input-group-addon .input-group-btn
Controles de forma .form-control .form-group
Tamaños de grupos de botón .btn-group-xs .btn-group-sm .btn-group-lg
Navbar qillqa .navbar-text
Navbar umalliq .navbar-header
Fichas / pastillas justificadas .nav-justified
Imagenes respuestas .img-responsive
Tabla contextual nisqa filakuna .success .danger .warning .active .info
Paneles contextuales nisqa .panel-success .panel-danger .panel-warning .panel-info
Modal .modal-dialog .modal-content
Imagen en miniatura .img-thumbnail
Tamaños de pozos .well-sm .well-lg
T'inkikuna alerta .alert-link

Imataq hurqusqa

Kay qatiq elementokuna v3.0 kaqpi urmachisqa utaq tikrasqa kanku.

Imakuna 2.x nisqamanta hurqusqa 3.0 Equivalente nisqa
Ruwaykunata rurana .form-actions N/A
Formulario de búsqueda .form-search N/A
Formulario de grupo con info .control-group.info N/A
Fijo-ancho nisqa yaykuna sayaykuna .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge Utilizar .form-controly el sistema de rejilla en vez de.
Bloque nivel formulario yaykuy .input-block-level Mana equivalente directochu, ichaqa controles de formas kaqlla kanku.
Botones inversos nisqa .btn-inverse N/A
Fila de fluido .row-fluid .row(mana aswan takyasqa rejilla)
Controles envoltura .controls N/A
Controles fila .controls-row .rowutaq.form-group
Navbar ukhupi .navbar-inner N/A
Navbar sayaq rakiqkuna .navbar .divider-vertical N/A
Submenú desplegable nisqa .dropdown-submenu N/A
Alineaciones de pestañas .tabs-left .tabs-right .tabs-below N/A
Área de tablas basadas en pastillas .pill-content .tab-content
Panel de área de tablado basado en pastillas .pill-pane .tab-pane
Nav listas .nav-list .nav-header Mana chiqan equivalentechu, ichaqa lista qutukuna chanta .panel-groups kaqlla kanku.
Formulario kamachiykunapaq yanapakuy inline kaqpi .help-inline Mana exacto equivalentechu, ichaqa .help-blockchayman rikchakuqmi.
Mana barra-nivel ñawpaqman puriy llimp’ikuna .progress-info .progress-success .progress-warning .progress-danger Utilizar .progress-bar-*en el .progress-baren vez.

Notas adicionales

Huk tikraykuna v3.0 kaqpi mana chaylla rikukunchu. Clases base kaqmanta, estilokuna clave kaqmanta, chaymanta comportamientokuna flexibilidad kaqpaq chaymanta movil ñawpaq enfoqueykupaq allichasqa kanku. Kaypi huk chikan lista kachkan:

  • Ñawpaqmanta, qillqapi ruwasqa formulario kamachiykuna kunan pisi estilollata chaskinku. Enfoque llimp'ikunapaq chaymanta muyu k'uchukunapaq, .form-controlelemento kaqpi claseta estiloman churay.
  • Qillqapi ruwasqa formulario kamachiykuna .form-controlclase churasqawan kunan 100% ancho ñawpaqmanta. <div class="col-*"></div>Yaykuna anchokunata kamachinapaq yaykusqakunata ukhupi p’istuy .
  • .badgemanaña contextual (-éxito,-primaria,etc..) clasekunayuqchu.
  • .btn.btn-defaultchaymanta "ñawpaqmanta" ñit'inata jap'inapaq llamk'achinan tiyan .
  • .rowkunanqa fluido nisqa.
  • Imahinakuna manaña ñawpaqmanta kutichinkuchu. Uso para tamaño .img-responsivede fluido .<img>
  • Iconokuna, kunan .glyphicon, kunanqa letramanta ruwasqa kachkan. Iconokunapas huk baseta, icono clasetapas necesitan (kayhina .glyphicon .glyphicon-asterisk).
  • Typeahead nisqaqa urmachisqañam, Twitter Typeahead llamk'achinapaq allinpaq .
  • Modal marcasqa anchata tikrakun. Chay .modal-header, .modal-body, chaymanta .modal-footert'aqakuna kunan p'istuykusqa .modal-contentchaymanta .modal-dialogaswan allin kuyuchina estilopaq chaymanta ruwaypaq. Hinallataq, manañam marcasqaykipi .hidea solicitanaykichu..modal
  • v3.1.0 kaqmanta, HTML remotemodal akllanawan kargasqa kunan inyectasqa kachkan kay .modal-content(v3.0.0 kaqmanta v3.0.3 kaqkama, kay .modal) kaqman chaymanta .modal-body. Kayqa modalpa umalliqninta, chakintapas mana sasachakuspalla tikrayta atikun, mana modal kurkullatachu.
  • Chay checkbox chaymanta radio ruwanakuna button.js plugin kunan iskayninku llamk'achinku data-toggle="buttons"rantinpi data-toggle="buttons-checkbox"utaq data-toggle="buttons-radio"paykunap marcankupi.
  • JavaScript ruwaykuna sutikuna chiqanchasqa kachkan. Ahinataq, modal "rikuchiy" ruwayta llamk'achinapaq, llamk'achiy 'show.bs.modal'. Para pestañas "mostrados" utiliza 'shown.bs.tab', etc.

Aswan willakuypaq v3.0 kaqman yapaymanta, chaymanta ayllumanta codigo t'aqakuna, qhaway Bootply .