BootStrap

最新推荐文章于 2024-08-31 06:39:46 发布

原创最新推荐文章于 2024-08-31 06:39:46 发布 · 122 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍Bootstrap框架，由Twitter开发者创建，用于加速Web应用和网站的前端开发。文章提供了下载资源和教程链接，涵盖按钮、模态框等组件的使用方法，并提及了表单验证和BootstrapTable的额外需求。

初识：
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 共同开发，用于快速开发 Web 应用程序和网站的前端框架。提供更多的CSS样式和JS规则。
JavaScript — jQuery — EasyUI — BootStrap
资源包下载：
http://getbootstrap.com/
下载BootStarp独有的CSS和JS包

教程
https://www.runoob.com/bootstrap/bootstrap-forms.html

复制资源css,fonts,js到目录下

在这里插入图片描述

编写第一个页面

在线引入：
在这里插入图片描述
离线引入：

例子按钮

模态框（对话框） modal
需求插件 bootstrap-dialog.css；bootstrap-dialog.js

基础示例：
https://blog.youkuaiyun.com/u012881904/article/details/52817451
修改密码
https://www.cnblogs.com/wuhaojs/p/3656724.html
去除 bootstrap 弹出框背景变暗的效果
在这里插入图片描述
部分参数解析

远程页面加载
拉取页面resetPassword.html的内容到模态框

表单验证
需求插件：bootstrapValidator.min.css；bootstrapValidator.min.js

示例
https://www.cnblogs.com/huangcong/p/5335376.html

BootStrap Table
需求额外插件
https://www.cnblogs.com/baixiaoguang/p/7094459.html