Oñemoambuévo 2.x guive 3.0 peve

Bootstrap 3 ndaha’éi ojogueraháva tapykue gotyo v2.x ndive. Eipuru ko sección peteĩ guía general ramo embopyahu hag̃ua v2.x guive v3.0 peve. Peteĩ jehechapyrã tuichavévape g̃uarã, ehecha mba’épa ipyahu v3.0 ñembohasa ñemboheraguapýpe.

Umi cambio tuichavéva clase-pe

Ko kuatiarogue ohechauka umi estilo ñemoambue v2.x ha v3.0 apytépe.

Ñepyrũrã 2.x Ñepyrũrã 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 Oñemboja’o en.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop Oñemboja’o en.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

Mba'e pyahu

Romoĩma elemento pyahu ha romoambue unos kuánto oĩmava. Ko’ápe oĩ umi estilo pyahu térã oñembopyahúva.

Mba'e rehegua Techaukaha
Paneles rehegua .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
Emoĩ lista umi aty rehegua .list-group .list-group-item .list-group-item-text .list-group-item-heading
Glificones rehegua .glyphicon
Jumbotrón rehegua .jumbotron
Rejilla michĩvéva (<768px) . .col-xs-*
Rejilla michĩva (≥768px) . .col-sm-*
Rejilla mediana (≥992px) rehegua . .col-md-*
Cuadrícula tuicháva (≥1200px) . .col-lg-*
Umi clase utilidad ombohováiva (≥1200px) . .visible-lg .hidden-lg
Umi desplazamiento rehegua .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Myaña .col-sm-push-* .col-md-push-* .col-lg-push-*
Mombo .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Umi tamaño de altura de entrada rehegua .input-sm .input-lg
Umi aty jeike rehegua .input-group .input-group-addon .input-group-btn
Umi control de forma rehegua .form-control .form-group
Botón aty tuichakue .btn-group-xs .btn-group-sm .btn-group-lg
Navbar jehaipyre .navbar-text
Navbar iñakãrapu’ãva .navbar-header
Fichas / pastillas justificadas rehegua .nav-justified
Ta’angakuéra ombohováiva .img-responsive
Umi fila cuadro contextual rehegua .success .danger .warning .active .info
Umi panel contextual rehegua .panel-success .panel-danger .panel-warning .panel-info
Modal rehegua .modal-dialog .modal-content
Ta’ãnga’i michĩva .img-thumbnail
Umi ykua tuichakue .well-sm .well-lg
Umi enlace de alerta rehegua .alert-link

Mba'épa ojeipe'a

Ko’ã elemento ojeity térã oñemoambue v3.0-pe.

Mba'e rehegua Ojepe’a 2.x-gui 3.0 Ojoguáva
Oforma umi tembiaporã .form-actions N/A rehegua
Formulario de búsqueda rehegua .form-search N/A rehegua
Formulario grupo orekóva info .control-group.info N/A rehegua
Umi entrada tuichakue ancho fijo rehegua .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge Eipuru .form-controlha sistema de rejilla rangue.
Entrada formulario nivel de bloque rehegua .input-block-level Ndaipóri equivalente directo, pero umi control de formas ojoguaite.
Umi botón inverso rehegua .btn-inverse N/A rehegua
Fila de líquido rehegua .row-fluid .row(ndaipórivéima cuadrícula fija)
Ocontrola envoltura rehegua .controls N/A rehegua
Controles fila rehegua .controls-row .rowtérã.form-group
Navbar hyepypegua .navbar-inner N/A rehegua
Navbar umi divisor vertical rehegua .navbar .divider-vertical N/A rehegua
Submenú desplegable rehegua .dropdown-submenu N/A rehegua
Umi alineación ficha rehegua .tabs-left .tabs-right .tabs-below N/A rehegua
Área de tablado a base de píldoras rehegua .pill-content .tab-content
Panel de área de tablado basado en píldora .pill-pane .tab-pane
Nav umi lista .nav-list .nav-header Ndaipóri equivalente directo, ha katu umi grupo lista ha .panel-groups ojoguaite.
Pytyvõ en línea umi control formulario rehegua .help-inline Ndaipóri equivalente exacto, pero .help-blockojoguaite.
Umi sa’y progreso rehegua ndaha’éiva nivel de barra rehegua .progress-info .progress-success .progress-warning .progress-danger Eipuru .progress-bar-*pe .progress-barrangue.

Notas adicionales rehegua

Ambue ñemoambue v3.0-pe ndojehechái pya’e. Umi clase base, estilo clave ha comportamiento oñemboheko flexibilidad ha ñande enfoque móvil primero -pe g̃uarã. Ko'ápe oĩ peteĩ lista parcial:

  • Por defecto, umi control formulario rehegua oñemopyendáva jehaipyrépe ko’áĝa ohupyty estilo mínimo añoite. Umi color enfoque ha esquina redondeada-pe g̃uarã, emoĩ pe .form-controlclase elemento rehegua estilo-pe.
  • Umi control formulario rehegua oñemopyendáva jehaipyre rehegua oguerekóva .form-controlclase ojeporúva koꞌág̃a 100% ipypuku por defecto. Embojere umi entrada hyepýpe <div class="col-*"></div>econtrola hag̃ua umi entrada ancho.
  • .badgendoguerekovéima mbo’esyry contextual (-éxito,-primaria,etc..).
  • .btnoipuruva’erã avei .btn-defaultohupyty hag̃ua "por defecto" vore.
  • .rowko’ágã ha’e fluido.
  • Ta’ãngamýi nombohováivéima por defecto. Ojepuru .img-responsivelíquido <img>tuichakue rehegua.
  • Umi ikóna, ko’áĝa .glyphicon, ko’áĝa oñemopyenda fuente-pe. Umi icono oikotevẽ avei peteĩ base ha icono clase (techapyrã .glyphicon .glyphicon-asterisk).
  • Ojeity Typeahead, oipytyvõvo ojeporu haguã Twitter Typeahead .
  • Tuicha oñemoambue marcado modal. Umi .modal-header, .modal-body, ha .modal-footersección ko’áĝa oñembojere .modal-contentha .modal-dialogojejapo porãve hag̃ua estilo ha comportamiento móvil. Avei, nderejapovéimava’erã nde marcado-pe .hide..modal
  • v3.1.0 guive, HTML ojekargáva remoteopción modal rupive koꞌág̃a oñeinyecta .modal-content(v3.0.0 guive v3.0.3 peve, .modal)-pe, oike rangue .modal-body. Kóva rupive ikatu avei remoambue pyaꞌe pe modal akã ha ipypegua, ndahaꞌei pe modal retepy añónte.
  • Pe vore’i ha radio mba’ekuaarã button.js plugin-pegua ko’áĝa mokõivéva oipuru data-toggle="buttons"rangue data-toggle="buttons-checkbox"térã data-toggle="buttons-radio"imarkado-pe.
  • Umi mba’e ojehúva JavaScript-pe oñemboheko héra mbytépe. Techapyrã, eñangareko hag̃ua "ehechauka" mbaꞌe ojehúva modal rehe, eipuru 'show.bs.modal'. Umi ficha "ojehechauka"-pe g̃uarã ojepuru 'shown.bs.tab', hamba'e.

Ojeikuaave hag̃ua mba’éichapa oñembopyahu v3.0-pe, ha kódigo pehẽngue komunida-gui, ehecha Bootply .