v3.x nisqaman astakuspa
Pusaq imayna Bootstrap v2.x kaqmanta v3.x kaqman yapanapaq hatun tikraykunapi, ima musuq kaqpi, chaymanta imakuna hurqusqa kaqpi aswanta kallpachaspa.
Pusaq imayna Bootstrap v2.x kaqmanta v3.x kaqman yapanapaq hatun tikraykunapi, ima musuq kaqpi, chaymanta imakuna hurqusqa kaqpi aswanta kallpachaspa.
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.
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 |
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 |
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-control y 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 |
.row utaq.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-group s kaqlla kanku. |
Formulario kamachiykunapaq yanapakuy inline kaqpi | .help-inline |
Mana exacto equivalentechu, ichaqa .help-block chayman rikchakuqmi. |
Mana barra-nivel ñawpaqman puriy llimp’ikuna | .progress-info .progress-success .progress-warning .progress-danger |
Utilizar .progress-bar-* en el .progress-bar en vez. |
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:
.form-control
elemento kaqpi claseta estiloman churay..form-control
clase churasqawan kunan 100% ancho ñawpaqmanta. <div class="col-*"></div>
Yaykuna anchokunata kamachinapaq yaykusqakunata ukhupi p’istuy ..badge
manaña contextual (-éxito,-primaria,etc..) clasekunayuqchu..btn
.btn-default
chaymanta "ñawpaqmanta" ñit'inata jap'inapaq llamk'achinan tiyan ..row
kunanqa fluido nisqa..img-responsive
de fluido .<img>
.glyphicon
, kunanqa letramanta ruwasqa kachkan. Iconokunapas huk baseta, icono clasetapas necesitan (kayhina .glyphicon .glyphicon-asterisk
)..modal-header
, .modal-body
, chaymanta .modal-footer
t'aqakuna kunan p'istuykusqa .modal-content
chaymanta .modal-dialog
aswan allin kuyuchina estilopaq chaymanta ruwaypaq. Hinallataq, manañam marcasqaykipi .hide
a solicitanaykichu..modal
remote
modal 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.data-toggle="buttons"
rantinpi data-toggle="buttons-checkbox"
utaq data-toggle="buttons-radio"
paykunap marcankupi.'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 .