[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Реализация баттона с чекбоксом в Bootstrap 4
mstdmstd
Всем привет,

На сайт с Bootstrap v4.0.0-alpha.6 пытаюсь перенести реализацию баттона с чекбоксом из Bootstrap 3.3

Я сделал пример (там логин отображается над вводом логина) с тем чтобы в зависимости от параметры убирать div вокруг чекбокса

http://ec2-34-212-140-26.us-west-2.compute...gory/edit?id=7&
переключатель чекбокс работает, но оригинальный чекбокс виден.
и
http://ec2-34-212-140-26.us-west-2.compute...it?id=7&debug=9
переключатель чекбокс не работает, но оригинальный чекбокс не виден.

@if( !empty($debug) and $debug == 9 )
<div data-toggle="buttons" class=" ">
@endif
<label class="btn btn-primary btn-sm padding_sm checked">
<input
class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox" checked>
<span
class="fa fa-check" aria-hidden="true"></span>Clear
</label>
@if( !empty($debug) and $debug == 9 )
</div>
@endif

<hr>
<hr>

@if( !empty($debug) and $debug == 9 )
<div data-toggle="buttons" class=" ">
@endif
<label class="btn btn-primary btn-sm padding_sm">
<input
class="form-control __checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox" >
<span
class="fa fa-check" aria-hidden="true"></span>Clear
</label>
@if( !empty($debug) and $debug == 9 )
</div>
@endif


как исправить ?

Спасибо!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.