bootstrap
文章平均质量分 74
前端OnTheRun
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
案例:图书管理页的增删改查,form-serialize插件的下载和引入,boostrape模态框的使用
摘要:本文介绍一个基于HTML+CSS和Bootstrap的书籍管理页面开发项目。主要功能包括:通过axios调用API获取书籍列表并动态渲染,使用Bootstrap模态框实现添加/编辑功能,借助form-serialize插件简化表单数据获取,实现书籍的增删改查操作。文章提供了效果预览图、功能要求清单、API接口文档链接,并附上了form-serialize插件的完整JavaScript代码实现,该插件用于自动收集表单数据并序列化。项目融合了前端主流技术栈,实现了响应式交互的书籍管理系统界面。原创 2022-11-23 22:49:23 · 68 阅读 · 0 评论 -
2022-04-14 前端开发框架Bootstrap笔记(三) bootstrap组件的使用(以轮拨图组件为例)
1.折叠组件 位置 组件/According 步骤 1.引入文件 2.创建container容器 3.粘贴折叠组件代码 4.把标题和内容改成自己的文本,class名不能改 代码原创 2022-04-14 19:30:32 · 187 阅读 · 0 评论 -
2022-04-12 前端开发框架Bootstrap笔记(二) 栅格系统(Grid system)的用法和网格选项以及示例
文章目录 学习文档 介绍 原理 用法 1.导入bootstrap.min.css文件 2.创建container容器 3.设置名为col-md-的div,当尾数为1时,表示每个div的宽度占1/12,所以每行最多可以放置12个子div。 知识点 1.网格选项:.col-xs(sm,md,lg)-数字 2.col-md-offset- 3.col-md-push-*和col-md-pull-* 4.列嵌套 完整代码 html 结果原创 2022-04-12 20:35:30 · 421 阅读 · 0 评论 -
2022-04-10 前端开发框架Bootstrap笔记(一) 介绍下载和引入以及示例
文章目录 介绍 下载 如何学习: 引入文件 示例 结果 介绍 Bootstrap 是全球最受欢迎的前端框架, 用于构建响应式、移动设备优先的网站。 下载 bootstrap5.1.3 如何学习: 看文档 引入文件 bootstrap.css和bootstrap.bundle.js原创 2022-04-10 19:04:25 · 433 阅读 · 0 评论
分享