- 博客(2490)
- 资源 (2132)
- 收藏
- 关注
RSS订阅原创 Bootstrap5 表格
Bootstrap 5 的表格（Table）组件提供了一系列功能和样式，使得表格更加易于构建、响应式和美观。我们可以轻松地创建带有不同样式、排序功能、分页和响应式布局的表格。
2025-06-12 14:24:55
429
原创 Bootstrap5 颜色
柔和的文本。</p> </div><div class="container"> <h2>背景颜色</h2> <p class="bg-primary text-white">重要的背景颜色。</p> <p class="bg-warning text-white">警告背景颜色
2025-06-11 15:35:08
349
原创 Bootstrap5 文字排版
h1 Bootstrap 标题</p> <p class="h2">h2 Bootstrap 标题</p> <p class="h3">h3 Bootstrap 标题</p> <p class="h4">h4 Bootstrap 标题 </p> <p class="h5">h5 Bootstrap 标题</p> <p class="h6">h6 Bootstrap 标题</p> </div>
2025-06-11 15:34:37
589
原创 Bootstrap5 网格系统
Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多 12 列。Bootstrap 5 的网格系统是响应式的，列会根据屏幕大小自动重新排列。请确保每一行中列的总和等于或小于 12。
2025-06-10 11:40:35
1003
原创 Bootstrap5 安装使用
我们可以通过以下两种方式来安装 Bootstrap5：使用 Bootstrap5 CDN。从官网下载 Bootstrap 5。
2025-06-09 08:50:24
740
原创 Bootstrap5 教程
Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap5 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。它支持 Sass 变量和 mixins、响应式网格系统、大量的预建组件和强大的 JavaScript 插件，助你快速设计和自定义响应式、移动设备优先的站点。
2025-06-09 08:49:52
1247
原创 Bootstrap4 滚动监听(Scrollspy)
滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。
2025-06-06 08:41:41
583
原创 Bootstrap4 模态框
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。
2025-06-04 08:54:17
418
原创 Bootstrap4 轮播
<li data-target="#demo" data-slide-to="0" class="active"></li> <li data-target="#demo" data-slide-to="1"></li> <li data-target="#demo" data-slide-to="2"></li>
2025-06-04 08:53:35
710
原创 Bootstrap4 自定义表单
如果要自定义一个复选框，可以设置 <div> 为父元素，类为 .custom-control 和 .custom-checkbox，复选框作为子元素放在该 <div> 里头，然后复选框设置为，类为 .custom-control-input。复选框的文本使用label标签，标签使用 .custom-control-label 类，label的for属性值需要匹配复选框的 id。如果要自定义一个单选框，可以设置<div>
2025-06-03 09:19:03
1330
原创 Bootstrap4 输入框组
我们可以使用 .input-group 类来向表单输入框中添加更多的样式，如图标、文本或者按钮。使用 .input-group-prepend 类可以在输入框的的前面添加文本信息， .input-group-append 类添加在输入框的后面。最后，我们还需要使用 .input-group-text 类来设置文本的样式。
2025-06-03 09:18:31
644
原创 Bootstrap4 表单控件
用户名:</label> <input type="text" class="form-control" id="usr"> </div> <div class="form-group"> <label for="pwd">密码:
2025-05-30 08:51:18
535
原创 Bootstrap4 表单控件
在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。表单元素 <input>, <textarea>, 和 <select> elements 在使用 .form-control 类的情况下，宽度都是设置为 100%。
2025-05-30 08:50:27
557
原创 Bootstrap4 表单
在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。表单元素 <input>, <textarea>, 和 <select> elements 在使用 .form-control 类的情况下，宽度都是设置为 100%。
2025-05-30 08:42:49
825
原创 Bootstrap4 面包屑导航（Breadcrumb）
面包屑导航是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置，是在用户界面中的一种导航辅助。Bootstrap 中的面包屑导航是一个简单的带有class 的无序列表。
2025-05-30 08:42:19
240
原创 Bootstrap4 导航栏
导航栏一般放在页面的顶部。我们可以使用 .navbar 类来创建一个标准的导航栏，后面紧跟: .navbar-expand-xl|lg|md|sm 类来创建响应式的导航栏 (大屏幕水平铺开，小屏幕垂直堆叠)。导航栏上的选项可以使用 <ul> 元素并添加 class="navbar-nav" 类。
2025-05-29 17:34:35
844
原创 Bootstrap4 导航
元素使用 .tab-content 类。-- 导航居中 --> <ul class="nav justify-content-center"> <!-- 导航右对齐 --> <ul class="nav justify-content-end">
2025-05-29 17:33:52
764
原创 Bootstrap4 列表组
要创建列表组，可以在 <ul> 元素上添加 .list-group 类, 在 <li> 元素上添加 .list-group-item 类
2025-05-28 16:40:33
958
原创 Bootstrap4 分页
网页开发过程，如果碰到内容过多，一般都会做分页处理。Bootstrap 4 可以很简单的实现分页效果。要创建一个基本的分页可以在 <ul> 元素上添加 .pagination 类。
2025-05-27 08:44:17
471
原创 Bootstrap4 徽章（Badges）
徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要将 .badge 类加上带有指定意义的颜色类 (如 .badge-secondary) 添加到 <span> 元素上即可。
2025-05-26 08:39:03
839
原创 Bootstrap4 按钮组
Bootstrap 4 中允许我们将按钮放在同一行上。可以在 <div> 元素上添加 .btn-group 类来创建按钮组。
2025-05-26 08:38:23
1150
原创 Bootstrap4 Jumbotron
Jumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。Jumbotron 里头可以放一些 HTML标签，也可以是 Bootstrap 的元素。
2025-05-24 08:19:12
354
原创 Bootstrap4 图像形状
img-fluid 类设置了 max-width: 100%;我们可以通过在 <img> 标签中添加 .img-fluid 类来设置响应式图片。图像有各种各样的尺寸，我们需要根据屏幕的大小自动适应。
2025-05-24 08:18:29
237
原创 Bootstrap4 表格
在 Bootstrap v4.0.0-beta 这个版本中，.thead-inverse 类用于给表头添加黑色背景，.thead-default 类用于给表头添加灰色背景。通过添加 .table-striped 类，您将在。.table-bordered 类可以为表格添加边框。
2025-05-23 17:22:01
795
原创 Bootstrap4 颜色
柔和的文本。</p> </div><div class="container"> <h2>背景颜色</h2> <p class="bg-primary text-white">重要的背景颜色。</p> <p class="bg-warning text-white">警告背景颜色
2025-05-23 17:21:21
614
运营级在线客服系统源码 智能客服平台 客服系统 网页客服 多坐席客服 附教程.zip
2025-06-04
美团代付系统源码 支付系统代收代付 五合一代付系统源码 滴滴代付多模版.zip
2025-06-04
高颜值的WordPress素材主题 素材虚拟资源主题 PicCool主题.zip
2025-06-04
最新学生成绩管理系统源码 码蚁成绩管理系统 教师管理系统 Thinkphp6框架.zip
2025-06-04
全新海外版高端Apple科技 汽车共享投资理财系统源码.zip
2025-06-04
H5幸运刮刮乐抽奖 免公众号+直运营 刮刮乐模式的抽奖app 多级分佣系统.zip
2025-06-03
最新全自动付费进群系统 独立付费进群系统源码 付费内容平台系统源码.zip
2025-06-03
两套发卡系统带全网对接 虚拟发卡平台 开源支持二次开发.zip
2025-06-03
网页小游戏 HTML5欢乐斗地主小游戏源码 休闲娱乐手游源码.zip
2025-06-03
微信朋友圈访客记录系统源码 访客管理系统 PHP修复版.zip
2025-06-03
WordPress模板日主题 RiPlus开心版日主题资源下载 虚拟资源素材主题 知识付费资源.zip
2025-05-28
PHP开源智能化管理系统 广告投放系统网站源码 投放网络广告平台.zip
2025-05-28
SignApp签名工具 美淘iOS在线签名工具 苹果软件签名工具后端PHP.zip
2025-05-28
扫码点餐小程序 外卖配送餐饮小程序系统新款版本.zip
2025-05-27
TK海外抢单源码 抢单网站源码 前后端分离，前端uniapp，后端php.zip
2025-05-27
WordPress开心导航站 一站式网址 资源与资讯垂直行业主题模板.zip
2025-05-27
鲸发卡自动发卡平台 鲸发卡系统 鲸发卡免授权源码附带教程.zip
2025-06-11
最新论坛社区系统 在线商城网站源码 知识付费下载.zip
2025-06-11
云梦次元 ICP备案系统源码 ICP备案管理系统.zip
2025-06-11
最新2025姓名配对测算系统源码 姓名测试爱情 姓名缘分测试 带后台.zip
2025-06-10
二手商城系统 回收租赁系统源码 物品租赁 电子产品售卖商城 在线租赁.zip
2025-06-10
2025开源双端获取txl通讯录、相册、短信、定位、已安装APP信息 获取手机通讯录 手机短信 实时定位.zip
2025-06-10
二次元短视频解析系统带卡密验证 智能视频分析 全新二次元聚合视频解析.zip
2025-06-10
星球盲盒系统 前后端分离开源盲盒系统源码 前端uniapp 后端PHP.zip
2025-06-10
PicCool主题 高颜值的WordPress素材主题.zip
2025-06-10
百万短剧CMS系统 建站系统CMS 支持全网网盘转存拉新.zip
2025-06-07
二级域名分发系统网站源代码 派小星DNS二级域名分发V2.0重构版.zip
2025-06-07
新版2025易支付系统源码epay运营版 轮询投诉进件等.zip
2025-06-07
PHP公司收入支出记账系统 财务记账管理系统 员工记账系统源码开源.zip
2025-06-07
全网首发 全网最新2025写真系统 顶级全套私房写真摄影系统.zip
2025-06-04
MBTI十六型人格职业性格测试源码完整版 性格测试MBTI测试 亲测源码.zip
2025-06-04
阿宅QR轻量二维码在线生成系统 个人二维码生成系统源码.zip
2025-06-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人