我从bootstrap创建了一个复选框列表组,代码如下:
null
<link href="https://www.ishtasakhi.com/assets/css/bootstrap-checkbox-radio-list-group-item.css" rel="stylesheet" />
<link href="https://www.ishtasakhi.com/assets/css/bootstrap-checkbox-radio-list-group-item.min.css" rel="stylesheet" />
<div class="list-group checkbox-list-group">
<div style="height:45px;" class="list-group-item"> <label><input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Large</span></label></div>
<div style="height:45px;" class="list-group-item"> <label><input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Medium</span></label></div>
</div>
<script src="https://www.ishtasakhi.com/assets/js/jquery-plugins.js"></script>
null
正如你所看到的,我已经包含了我的jquery文件,现在当你运行代码时,它将开始闪烁疑问号和解释性标记,因为它应该显示Tickbox。 谁能告诉我这个错误的原因。 提前致谢
对于刻度框:使用fafa-check-square
.。。 对于复选框:使用fa fa-fw
null
<link href="https://www.ishtasakhi.com/assets/css/bootstrap-checkbox-radio-list-group-item.css" rel="stylesheet" />
<link href="https://www.ishtasakhi.com/assets/css/bootstrap-checkbox-radio-list-group-item.min.css" rel="stylesheet" />
<div class="list-group checkbox-list-group">
<div style="height:45px;" class="list-group-item"> <label><input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Large</span></label></div>
<div style="height:45px;" class="list-group-item"> <label><input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Medium</span></label></div>
</div>
<h3>What you have here</h3>
fa fa-fw: <i class="fa fa-fw"></i> <br/> fa fa-check-square: <i class="fa fa-check-square"></i> <br/>
<script src="https://www.ishtasakhi.com/assets/js/jquery-plugins.js"></script>