Ojeguerahauka v3.x-pe
Ñemboguata mbaꞌeichaitépa oñembopyahu Bootstrap v2.x-gui v3.x-pe oñembohapévo umi ñemoambue tuichavéva, mbaꞌe pyahu ha mbaꞌe ojeipeꞌavaꞌekue.
Ñemboguata mbaꞌeichaitépa oñembopyahu Bootstrap v2.x-gui v3.x-pe oñembohapévo umi ñemoambue tuichavéva, mbaꞌe pyahu ha mbaꞌe ojeipeꞌavaꞌekue.
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.
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 |
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 |
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-control ha 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 |
.row té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-group s ojoguaite. |
Pytyvõ en línea umi control formulario rehegua | .help-inline |
Ndaipóri equivalente exacto, pero .help-block ojoguaite. |
Umi sa’y progreso rehegua ndaha’éiva nivel de barra rehegua | .progress-info .progress-success .progress-warning .progress-danger |
Eipuru .progress-bar-* pe .progress-bar rangue. |
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:
.form-control
clase elemento rehegua estilo-pe..form-control
clase ojeporúva koꞌág̃a 100% ipypuku por defecto. Embojere umi entrada hyepýpe <div class="col-*"></div>
econtrola hag̃ua umi entrada ancho..badge
ndoguerekovéima mbo’esyry contextual (-éxito,-primaria,etc..)..btn
oipuruva’erã avei .btn-default
ohupyty hag̃ua "por defecto" vore..row
ko’ágã ha’e fluido..img-responsive
líquido <img>
tuichakue rehegua..glyphicon
, ko’áĝa oñemopyenda fuente-pe. Umi icono oikotevẽ avei peteĩ base ha icono clase (techapyrã .glyphicon .glyphicon-asterisk
)..modal-header
, .modal-body
, ha .modal-footer
sección ko’áĝa oñembojere .modal-content
ha .modal-dialog
iporãve hag̃ua estilo ha comportamiento móvil. Avei, nderejapovéimava’erã nde marcado-pe .hide
..modal
remote
opció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.data-toggle="buttons"
rangue data-toggle="buttons-checkbox"
térã data-toggle="buttons-radio"
imarkado-pe.'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 .