2.x ꯗꯒꯤ 3.0ꯗꯥ ꯃꯥꯏꯒ꯭ꯔꯦꯠ ꯇꯧꯕꯥ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ 3 ꯑꯁꯤ v2.xꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯦꯀꯋꯥꯔꯗ ꯀꯝꯄꯦꯇꯤꯇꯤꯕ ꯑꯣꯏꯗꯦ꯫ ꯁꯦꯛꯁꯟ ꯑꯁꯤ v2.xꯗꯒꯤ v3.0ꯗꯥ ꯑꯄꯒ꯭ꯔꯦꯗ ꯇꯧꯅꯕꯒꯤ ꯖꯦꯅꯦꯔꯦꯜ ꯒꯥꯏꯗꯂꯥꯏꯟ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯄꯥꯛ-ꯆꯥꯎꯔꯕꯥ ꯑꯣꯚꯔꯚꯤꯌꯨ ꯑꯃꯒꯤꯗꯃꯛ, v3.0 ꯔꯤꯂꯤꯖ ꯂꯥꯎꯊꯣꯀꯄꯗꯥ ꯑꯅꯧꯕꯥ ꯀꯔꯤ ꯂꯩꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯑꯆꯧꯕꯥ ꯀ꯭ꯂꯥꯁ ꯍꯣꯡꯂꯀꯄꯥ꯫

ꯇꯦꯕꯜ ꯑꯁꯤꯅꯥ v2.x ꯑꯃꯁꯨꯡ v3.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 ꯈꯥꯌꯗꯣꯀꯄꯥ꯫.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop ꯈꯥꯌꯗꯣꯀꯄꯥ꯫.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

ꯑꯅꯧꯕꯥ ꯀꯔꯤꯅꯣ꯫

ꯑꯩꯈꯣꯌꯅꯥ ꯑꯅꯧꯕꯥ ꯏꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯦ ꯑꯃꯁꯨꯡ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯈꯔꯥ ꯍꯣꯡꯗꯣꯛꯂꯦ꯫ ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯑꯅꯧꯕꯥ ꯅꯠꯔꯒꯥ ꯑꯄꯗꯦꯠ ꯇꯧꯔꯕꯥ ꯃꯑꯣꯡꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯄꯣꯠꯂꯝ ꯋꯥꯔꯣꯜ
ꯄꯦꯅꯦꯂꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫ .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
ꯒ꯭ꯔꯨꯄꯁꯤꯡ ꯂꯤꯁ꯭ꯠ ꯇꯧꯕꯥ꯫ .list-group .list-group-item .list-group-item-text .list-group-item-heading
ꯒ꯭ꯂꯥꯏꯐꯤꯀꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫ .glyphicon
ꯖꯝꯕꯣꯠꯔꯣꯟ꯫ .jumbotron
ꯑꯍꯦꯅꯕꯥ ꯑꯄꯤꯀꯄꯥ ꯒ꯭ꯔꯤꯗ (<768px) .col-xs-*
ꯑꯄꯤꯀꯄꯥ ꯒ꯭ꯔꯤꯗ (≥768px) ꯂꯩ꯫ .col-sm-*
ꯃꯤꯗꯤꯌꯝ ꯒ꯭ꯔꯤꯗ (≥992px) ꯑꯁꯤꯅꯤ꯫ .col-md-*
ꯑꯆꯧꯕꯥ ꯒ꯭ꯔꯤꯗ (≥1200px) .col-lg-*
ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁꯁꯤꯡ (≥1200px) .visible-lg .hidden-lg
ꯑꯣꯐꯁꯦꯠꯁꯤꯡ꯫ .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
ꯏꯟꯕ .col-sm-push-* .col-md-push-* .col-lg-push-*
ꯆꯤꯡꯕ .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
ꯏꯅꯄꯨꯠ ꯍꯥꯏꯠ ꯁꯥꯏꯖꯁꯤꯡ꯫ .input-sm .input-lg
ꯏꯅꯄꯨꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡ꯫ .input-group .input-group-addon .input-group-btn
ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯇꯧꯕꯥ꯫ .form-control .form-group
ꯕꯇꯟ ꯒ꯭ꯔꯨꯞ ꯁꯥꯏꯖꯁꯤꯡ꯫ .btn-group-xs .btn-group-sm .btn-group-lg
ꯅꯕꯕꯥꯔ ꯇꯦꯛꯁꯠ꯫ .navbar-text
ꯅꯕꯕꯥꯔ ꯍꯦꯗ ꯇꯧꯕꯥ꯫ .navbar-header
ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯇꯦꯕꯁꯤꯡ / ꯄꯤꯂꯁꯤꯡ꯫ .nav-justified
ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯏꯃꯦꯖꯁꯤꯡ꯫ .img-responsive
ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯇꯦꯕꯜ ꯔꯣꯁꯤꯡ꯫ .success .danger .warning .active .info
ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯄꯦꯅꯦꯂꯁꯤꯡ꯫ .panel-success .panel-danger .panel-warning .panel-info
ꯃꯣꯗꯜ ꯑꯣꯏꯕꯥ꯫ .modal-dialog .modal-content
ꯊꯝꯕꯤꯕꯥ ꯏꯃꯦꯖ꯫ .img-thumbnail
ꯋꯦꯜ ꯁꯥꯏꯖꯁꯤꯡ꯫ .well-sm .well-lg
ꯑꯦꯂꯔꯠ ꯂꯤꯉ꯭ꯀꯁꯤꯡ꯫ .alert-link

ꯀꯔꯤ ꯂꯧꯊꯣꯀꯈꯤꯕꯒꯦ꯫

ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ v3.0ꯗꯥ ꯊꯥꯗꯣꯀꯈ꯭ꯔꯦ ꯅꯠꯔꯒꯥ ꯍꯣꯡꯗꯣꯀꯈ꯭ꯔꯦ꯫

ꯄꯣꯠꯂꯝ ꯲.ꯑꯦꯛꯁ.ꯗꯒꯤ ꯂꯧꯊꯣꯀꯈ꯭ꯔꯦ꯫ ꯳.꯰ꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯑꯣꯏꯒꯅꯤ꯫
ꯑꯦꯛꯁꯅꯁꯤꯡ ꯁꯦꯝꯃꯨ꯫ .form-actions ꯑꯦꯟ/ꯑꯦ
ꯁꯥꯔꯆ ꯐꯣꯔꯝ ꯑꯃꯥ꯫ .form-search ꯑꯦꯟ/ꯑꯦ
ꯏꯅꯐꯣꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯒ꯭ꯔꯨꯞ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫ .control-group.info ꯑꯦꯟ/ꯑꯦ
ꯐꯤꯛꯁ-ꯋꯥꯏꯗ ꯏꯅꯄꯨꯠ ꯁꯥꯏꯖꯁꯤꯡ꯫ .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge ꯁꯤꯖꯤꯟꯅꯧ .form-controlꯑꯃꯁꯨꯡ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ꯫
ꯕ꯭ꯂꯣꯛ ꯂꯦꯚꯦꯜ ꯐꯣꯔꯝ ꯏꯅꯄꯨꯠ꯫ .input-block-level ꯗꯥꯏꯔꯦꯛꯇ ꯏꯛꯌꯨꯏꯕꯦꯜ ꯂꯩꯇꯦ, ꯑꯗꯨꯕꯨ ꯐꯔꯃꯁꯤꯡ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯑꯁꯤ ꯃꯥꯟꯅꯩ꯫
ꯏꯅꯚꯥꯔꯁ ꯕꯇꯅꯁꯤꯡ꯫ .btn-inverse ꯑꯦꯟ/ꯑꯦ
ꯐ꯭ꯂꯨꯏꯗ ꯔꯣ꯫ .row-fluid .row(ꯑꯍꯦꯅꯕꯥ ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯒ꯭ꯔꯤꯗ ꯂꯩꯔꯣꯏ)
ꯔꯦꯄꯔ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯏ꯫ .controls ꯑꯦꯟ/ꯑꯦ
ꯀꯟꯠꯔꯣꯜ ꯇꯧꯏ ꯔꯣ꯫ .controls-row .rowꯅꯠꯇ꯭ꯔꯒ.form-group
ꯅꯕꯕꯔꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ꯫ .navbar-inner ꯑꯦꯟ/ꯑꯦ
ꯅꯕꯕꯔ ꯚꯔꯇꯤꯀꯦꯜ ꯗꯤꯚꯥꯏꯗꯔꯁꯤꯡ꯫ .navbar .divider-vertical ꯑꯦꯟ/ꯑꯦ
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯁꯕꯃꯦꯅꯨ꯫ .dropdown-submenu ꯑꯦꯟ/ꯑꯦ
ꯇꯦꯕ ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇꯁꯤꯡ꯫ .tabs-left .tabs-right .tabs-below ꯑꯦꯟ/ꯑꯦ
ꯄꯤꯂꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯇꯦꯕꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯃꯐꯝ꯫ .pill-content .tab-content
ꯄꯤꯂꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯇꯦꯕꯜ ꯑꯦꯔꯤꯌꯥ ꯄꯦꯟ꯫ .pill-pane .tab-pane
ꯅꯦꯚ ꯂꯤꯁ꯭ꯇꯁꯤꯡ꯫ .nav-list .nav-header ꯍꯀꯊꯦꯡꯅꯅꯥ ꯃꯥꯟꯅꯕꯥ ꯂꯩꯇꯦ, ꯑꯗꯨꯕꯨ ꯂꯤꯁ꯭ꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡ ꯑꯃꯁꯨꯡ .panel-groupꯑꯦꯁ ꯑꯁꯤ ꯃꯥꯟꯅꯩ꯫
ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯂꯁꯤꯡꯒꯤꯗꯃꯛ ꯏꯅꯂꯥꯏꯅꯒꯤ ꯃꯇꯦꯡ꯫ .help-inline ꯑꯀꯛꯅꯕꯥ ꯃꯥꯟꯅꯕꯥ ꯂꯩꯇꯦ, ꯑꯗꯨꯕꯨ .help-blockꯃꯁꯤꯒꯥ ꯃꯥꯟꯅꯩ꯫
ꯅꯟ-ꯕꯥꯔ-ꯂꯦꯚꯦꯜ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯃꯆꯨꯁꯤꯡ꯫ .progress-info .progress-success .progress-warning .progress-danger .progress-bar-*ꯃꯗꯨꯒꯤ .progress-barꯃꯍꯨꯠꯇꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫

ꯑꯍꯦꯅꯕꯥ ꯅꯣꯇꯁꯤꯡ꯫

v3.0ꯗꯥ ꯑꯇꯣꯞꯄꯥ ꯑꯍꯣꯡꯕꯁꯤꯡ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯎꯕꯥ ꯐꯪꯗꯦ꯫ ꯐ꯭ꯂꯦꯛꯁꯤꯕꯤꯂꯤꯇꯤ ꯑꯃꯁꯨꯡ ꯑꯩꯈꯣꯌꯒꯤ ꯃꯣꯕꯥꯏꯜ ꯐꯥꯔꯁ꯭ꯠ ꯑꯦꯞꯔꯣꯆꯀꯤꯗꯃꯛ ꯕꯦꯖ ꯀ꯭ꯂꯥꯁꯁꯤꯡ, ꯃꯔꯨꯑꯣꯏꯕꯥ ꯃꯑꯣꯡꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯂꯃꯆꯠ-ꯁꯥꯖꯠꯁꯤꯡ ꯁꯦꯃꯗꯣꯀꯈ꯭ꯔꯦ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯁꯤ ꯄꯥꯔꯁꯤꯑꯦꯜ ꯂꯤꯁ꯭ꯠ ꯑꯃꯥ ꯄꯤꯔꯤ:

  • ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ, ꯇꯦꯛꯁꯇꯇꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯂꯁꯤꯡꯅꯥ ꯍꯧꯖꯤꯛꯇꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯦꯝꯕꯥ ꯁ꯭ꯇꯥꯏꯂꯤꯡ ꯈꯛꯇꯃꯛ ꯐꯪꯂꯦ꯫ ꯐꯣꯀꯁ ꯃꯆꯨ ꯑꯃꯁꯨꯡ ꯒꯣꯜꯗ ꯀꯣꯔꯅꯔꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ, .form-controlꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯂꯩꯕꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯁ꯭ꯇꯥꯏꯂꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧ꯫
  • ꯀ꯭ꯂꯥꯁ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯔꯕꯥ ꯇꯦꯛꯁꯇꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ .form-controlꯑꯁꯤ ꯍꯧꯖꯤꯛꯇꯤ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ ꯱꯰꯰% ꯄꯥꯛ ꯆꯥꯎꯔꯦ꯫ <div class="col-*"></div>ꯏꯅꯄꯨꯠ ꯋꯥꯏꯗꯁꯤꯡ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯅꯕꯥ ꯃꯅꯨꯡꯗꯥ ꯏꯅꯄꯨꯠꯁꯤꯡ ꯔꯦꯞ ꯇꯧ꯫
  • .badgeꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ (-ꯃꯥꯏꯄꯥꯀꯄꯥ,-ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ,ꯅꯆꯤꯡꯕꯥ..) ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯂꯩꯔꯔꯣꯏ꯫
  • .btn.btn-default"ꯗꯤꯐꯣꯜꯇ" ꯕꯇꯟ ꯑꯗꯨ ꯐꯪꯅꯕꯒꯤꯗꯃꯛꯇꯁꯨ ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ꯫
  • .rowꯍꯧꯖꯤꯛ ꯐ꯭ꯂꯨꯏꯗ ꯑꯣꯏꯔꯦ꯫
  • ꯏꯃꯦꯖꯁꯤꯡ ꯑꯁꯤ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯗ꯭ꯔꯦ꯫ .img-responsiveꯐ꯭ꯂꯨꯏꯗ <img>ꯁꯥꯏꯖꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫
  • ꯑꯥꯏꯀꯅꯁꯤꯡ, ꯍꯧꯖꯤꯛ .glyphicon, ꯍꯧꯖꯤꯛꯇꯤ ꯐꯣꯟꯇꯇꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯔꯦ꯫ ꯑꯥꯏꯀꯅꯁꯤꯡꯗꯁꯨ ꯕꯦꯖ ꯑꯃꯁꯨꯡ ꯑꯥꯏꯀꯟ ꯀ꯭ꯂꯥꯁ ꯑꯃꯥ ꯃꯊꯧ ꯇꯥꯏ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ .glyphicon .glyphicon-asterisk)꯫
  • ꯇꯥꯏꯄꯍꯦꯗ ꯊꯥꯗꯣꯀꯈ꯭ꯔꯦ, ꯇ꯭ꯕꯤꯇꯔ ꯇꯥꯏꯄꯍꯦꯗ ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯃꯇꯦꯡ ꯄꯥꯡꯗꯨꯅꯥ .
  • ꯃꯣꯗꯜ ꯃꯥꯔꯀꯑꯥꯞ ꯑꯁꯤ ꯌꯥꯝꯅꯥ ꯍꯣꯡꯂꯦ꯫ , .modal-header, .modal-bodyꯑꯃꯁꯨꯡ .modal-footerꯁꯦꯛꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯍꯧꯖꯤꯛ ꯂꯣꯠꯁꯤꯜꯂꯦ .modal-contentꯑꯃꯁꯨꯡ .modal-dialogꯍꯦꯟꯅꯥ ꯐꯕꯥ ꯃꯣꯕꯥꯏꯜ ꯁ꯭ꯇꯥꯏꯂꯤꯡ ꯑꯃꯁꯨꯡ ꯂꯃꯆꯠ-ꯁꯥꯖꯠꯀꯤꯗꯃꯛ꯫ ꯃꯁꯤꯗꯁꯨ ꯅꯠꯇꯅꯥ, ꯅꯍꯥꯛꯀꯤ ꯃꯥꯔꯀꯑꯥꯄꯇꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯥ .hideꯇꯥꯅꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯔꯣꯏꯗꯕꯅꯤ꯫.modal
  • v3.1.0 ꯗꯒꯤ ꯍꯧꯅꯥ, ꯃꯣꯗꯦꯜ ꯑꯣꯄꯁꯟꯅꯥ ꯂꯣꯗ ꯇꯧꯕꯥ HTML remoteꯑꯁꯤ ꯍꯧꯖꯤꯛꯇꯤ . ꯃꯁꯤꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯃꯣꯗꯦꯂꯒꯤ ꯍꯀꯆꯥꯡ ꯈꯛꯇꯥ ꯅꯠꯇꯅꯥ ꯃꯣꯗꯦꯂꯒꯤ ꯍꯦꯗ ꯑꯃꯁꯨꯡ ꯐꯨꯇꯔꯁꯨ ꯐꯖꯅꯥ ꯍꯣꯡꯗꯣꯛ ꯍꯣꯡꯖꯤꯟ ꯇꯧꯕꯥ ꯌꯥꯍꯜꯂꯤ꯫.modal-content.modal.modal-body
  • button.js ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯆꯦꯀꯕꯣꯛꯁ ꯑꯃꯁꯨꯡ ꯔꯦꯗꯤꯑꯣ ꯐꯤꯆꯔꯁꯤꯡ ꯑꯁꯤ ꯍꯧꯖꯤꯛꯇꯤ ꯑꯅꯤꯃꯛ ꯃꯈꯣꯌꯒꯤ ꯃꯥꯔꯀꯑꯥꯄꯀꯤ data-toggle="buttons"ꯃꯍꯨꯠꯇꯥ data-toggle="buttons-checkbox"ꯅꯠꯔꯒꯥ data-toggle="buttons-radio"ꯃꯈꯣꯌꯒꯤ ꯃꯥꯔꯀꯑꯥꯄꯇꯥ ꯁꯤꯖꯤꯟꯅꯔꯦ꯫
  • ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯏꯚꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯅꯦꯃꯁ꯭ꯄꯦꯁ ꯇꯧꯏ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯃꯣꯗꯜ "ꯁꯣ" ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯍꯦꯟꯗꯜ ꯇꯧꯅꯕꯥ, 'show.bs.modal'. ꯇꯦꯕꯁꯤꯡꯒꯤꯗꯃꯛ "ꯌꯦꯡꯗꯣꯀꯄꯥ" ꯁꯤꯖꯤꯟꯅꯧ 'shown.bs.tab', ꯑꯁꯤꯅꯆꯤꯡꯕꯥ꯫

v3.0ꯗꯥ ꯑꯄꯒ꯭ꯔꯦꯗ ꯇꯧꯕꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ, ꯑꯃꯁꯨꯡ ꯀꯝꯌꯨꯅꯤꯇꯤꯗꯒꯤ ꯀꯣꯗ ꯁ꯭ꯅꯤꯄꯦꯇꯁꯤꯡꯒꯤꯗꯃꯛ, Bootply ꯌꯦꯡꯕꯤꯌꯨ .