上一页 1 2 3 4 5 6 7 8 9 ··· 19 下一页
2021年9月24日
Bootstrap-v5-表单（校验）
摘要： 一、表单校验 二、代码实例 1、自定义样式（Custom styles） <form class="row g-3 needs-validation" novalidate> <div class="col-md-4"> <label for="validationCustom01" class=" 阅读全文
posted @ 2021-09-24 09:57 AnnLing 阅读(283) 评论(0) 推荐(0) 编辑
Bootstrap-v5-表单（布局）
摘要： 一、表单的布局 二、代码实例 1、表单网格（Form grid） <div class="row"> <div class="col"> <input type="text" class="form-control" placeholder="First name" aria-label="Firs 阅读全文
posted @ 2021-09-24 09:39 AnnLing 阅读(354) 评论(0) 推荐(0) 编辑
2021年9月23日
Bootstrap-v5-表单（浮动标签）
摘要： 一、浮动标签（Floating labels） 1、浮动标签 .form-floating <div class="form-floating mb-3"> <input type="email" class="form-control" id="floatingInput" placeholder 阅读全文
posted @ 2021-09-23 17:45 AnnLing 阅读(378) 评论(0) 推荐(0) 编辑
Bootstrap-v5-表单（输入框组）
摘要： 一、输入框组 二、实例 1、基本用法（Basic example） <div class="input-group mb-3"> <span class="input-group-text" id="basic-addon1">@</span> <input type="text" class="f 阅读全文
posted @ 2021-09-23 16:17 AnnLing 阅读(391) 评论(0) 推荐(0) 编辑
Bootstrap-v5-表单（区间）
摘要： 一、区间 区间 禁用 最小和最大 分步 二、效果展示 1、区间 .form-range <label for="customRange1" class="form-label">Example range</label> <input type="range" class="form-range" 阅读全文
posted @ 2021-09-23 16:06 AnnLing 阅读(131) 评论(0) 推荐(0) 编辑
Bootstrap-v5-表单（单选按钮和复选按钮）
摘要： 一、单选和复选 1、复选按钮（Checks） 2、单选按钮（Radios） 3、开关（Switch） 4、按钮（Button） 二、实例 复选按钮 2.1 复选按钮默认 form-check-input checked <!-- 复选按钮 --> <div class="form-check"> < 阅读全文
posted @ 2021-09-23 15:24 AnnLing 阅读(1786) 评论(0) 推荐(0) 编辑
Bootstrap-v5-表单（选择）
摘要： 一、选择（Select） 默认（Default） 大小（Sizing） 禁用（Disabled） 二、实例 1、默认下拉选项 form-select <!-- 默认下拉选项 --> <select class="form-select" aria-label="Default select exam 阅读全文
posted @ 2021-09-23 14:58 AnnLing 阅读(225) 评论(0) 推荐(0) 编辑
Bootstrap-v5-表单（输入框）
摘要： 一、表单控制（Form controls） 表单大小（Sizing） 表单可见性（Disabled） 只读纯文本（Readonly plain text） 文件上传（File input） 颜色（Color） 数据列表（Datalists） 二、实例 1、表单大小（Sizing） .form-con 阅读全文
posted @ 2021-09-23 14:21 AnnLing 阅读(667) 评论(0) 推荐(0) 编辑
Bootstrap-v5-页面内容（画像）
摘要： 一、画像 通过 Bootstrap 的画像（figure）组件来显示相关联的图片和文本。.figure、.figure-img 和 .figure-caption 类为 HTML5 的 <figure> 和 <figcaption> 元素提供了一些基本样式。<figure> 标签内所包含的图片如果没 阅读全文
posted @ 2021-09-23 14:13 AnnLing 阅读(151) 评论(0) 推荐(0) 编辑
Bootstrap-v5-页面内容（表格）
摘要： 一、表格 设置表格样式（.table）,表格头部（.table-light .table-dark ） 状态类给表格、行、单元格添加特殊的颜色（table-primary、table-secondary、table-success、table-danger、table-warning、table-i 阅读全文
posted @ 2021-09-23 14:02 AnnLing 阅读(291) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 ··· 19 下一页