<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>列表组案例3</title>
<link href="bootstrap-5.3.2-dist/css/bootstrap.min.css" rel="stylesheet">
<script src="bootstrap-5.3.2-dist/js/bootstrap.bundle.min.js"></script>
<style>
.form-check-input:checked + .form-checked-content {
opacity: .5;
}
.form-check-input-placeholder {
pointer-events: none;
border-style: dashed;
}
.bi {
vertical-align: -.125em;
fill: currentColor
}
</style>
</head>
<body>
<div class="container">
<div class="list-group">
<label class="list-group-item d-flex gap-3">
<input class="form-check-input flex-shrink-0" type="checkbox" value="" checked style="font-size: 1.375em;">
<span class="pt-1 form-checked-content">
<strong>上课</strong>
<small class="d-block text-muted">
<svg class="bi me-1" width="1em" height="1em"><use xlink:href="#calendar-event"/></svg>
1:00–2:00pm
</small>
</span>
</label>
<label class="list-group-item d-flex gap-3">
<input class="form-check-input flex-shrink-0" type="checkbox" value="" style="font-size: 1.375em;">
<span class="pt-1 form-checked-content">
<strong>睡觉</strong>
<small class="d-block text-muted">
<svg class="bi me-1" width="1em" height="1em"><use xlink:href="#calendar-event"/></svg>
2:00–2:30pm
</small>
</span>
</label>
<label class="list-group-item d-flex gap-3">
<input class="form-check-input flex-shrink-0" type="checkbox" value="" style="font-size: 1.375em;">
<span class="pt-1 form-checked-content">
<strong>下午茶</strong>
<small class="d-block text-muted">
<svg class="bi me-1" width="1em" height="1em"><use xlink:href="#alarm"/></svg>
2:30–3:00pm
</small>
</span>
</label>
<label class="list-group-item d-flex gap-3 bg-light">
<input class="form-check-input form-check-input-placeholder bg-light flex-shrink-0" disabled type="checkbox"
value="" style="font-size: 1.375em;">
<span class="pt-1 form-checked-content">
<span contenteditable="true" class="w-100">户外运动...</span>
<small class="d-block text-muted">
<svg class="bi me-1" width="1em" height="1em"><use xlink:href="#list-check"/></svg>
下雨中...
</small>
</span>
</label>
</div>
</div>
</body>
</html>
23.1 Bootstrap 表格
119 浏览量
2023-09-29
03:29:24
上传
评论
收藏 3.5MB ZIP 举报
23.1 Bootstrap 表格 （112个子文件） 
bootstrap.css 274KB bootstrap.rtl.css 274KB bootstrap.rtl.min.css 228KB bootstrap.min.css 227KB bootstrap-utilities.css 105KB bootstrap-utilities.rtl.css 105KB bootstrap-utilities.min.css 83KB bootstrap-utilities.rtl.min.css 83KB bootstrap-grid.rtl.css 69KB bootstrap-grid.css 69KB bootstrap-grid.rtl.min.css 51KB bootstrap-grid.min.css 51KB bootstrap-reboot.css 12KB bootstrap-reboot.rtl.css 12KB bootstrap-reboot.rtl.min.css 10KB bootstrap-reboot.min.css 10KB Bootstrap 表格.eddx 489KB .gitignore 184B
50. list_group_case_3.html 3KB 17. alert_animation.html 3KB 51. list_group_case_4.html 2KB 49. list_group_case_2.html 2KB 48. list_group_case_1.html 2KB 16. close_alert.html 2KB 4. table_background_color.html 2KB 47. table_item_background_color.html 2KB 39. pager_alignment.html 2KB 35. progress_bar_animation.html 2KB 37. pager.html 2KB 15. alert_message_links.html 2KB 25. inline_select.html 2KB 33. progress_bar_stripe.html 1KB 32. progress_bar_color.html 1KB 7. responsive_table.html 1KB 24. vertical_button_groups.html 1KB 14. alert_color.html 1KB 26. badge.html 1KB 23. button_group.html 1KB 38. page_activity_status.html 1KB 18. button_style.html 1KB 22. load_status.html 997B 5. table_background_stripe.html 972B 3. Mouse_over_effect.html 970B 27. oval_badge.html 970B 2. table-bordered.html 965B 6. smaller_tables.html 964B 1. stripe_table.html 964B 0. base_table.html 952B 42. list_group_status.html 885B 21. button_status.html 813B 40. breadcrumb_navigation.html 798B 36. multi_color_progress_bar.html 689B 44. levitation_effect.html 684B 46. horizontal_list_group.html 647B 45. remove_the_list_border.html 638B 20. block_level_buttons.html 636B 43. link_the_list_item.html 625B 19. button_size.html 605B 13. jumbotron.html 591B 41. list_group_style.html 590B 11. alignment.html 584B 9. ellipse_picture.html 536B 28. Inline_badges.html 533B 30. progress_bar_height.html 530B 8. rounded_corner_picture.html 522B 31. progress_bar_prompt.html 512B 29. progress_bar.html 506B 12. responsive_images.html 466B 10. thumbnail.html 464B 52.html 0B table.iml 291B bootstrap.bundle.js 203KB bootstrap.js 142KB bootstrap.esm.js 133KB bootstrap.bundle.min.js 79KB bootstrap.esm.min.js 72KB bootstrap.min.js 59KB package.json 219B bootstrap.css.map 663KB bootstrap.rtl.css.map 663KB bootstrap.min.css.map 575KB bootstrap.rtl.min.css.map 575KB bootstrap.bundle.js.map 434KB bootstrap.bundle.min.js.map 324KB bootstrap.js.map 299KB bootstrap.esm.js.map 298KB bootstrap-utilities.css.map 261KB bootstrap-utilities.rtl.css.map 261KB bootstrap.esm.min.js.map 217KB bootstrap.min.js.map 215KB bootstrap-grid.rtl.css.map 198KB bootstrap-grid.css.map 198KB bootstrap-utilities.min.css.map 176KB bootstrap-utilities.rtl.min.css.map 176KB bootstrap-reboot.rtl.css.map 126KB bootstrap-reboot.css.map 126KB bootstrap-grid.rtl.min.css.map 113KB bootstrap-grid.min.css.map 113KB bootstrap-reboot.rtl.min.css.map 62KB bootstrap-reboot.min.css.map 50KB共 112 条
- 1
- 2
资源评论
