是与前端开发相关的两个概念。
Bootstrap入门 一、概述 1.Bootstrap简介 Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript...Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。...3.Bootstrap包的内容 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。...定制:您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。...Bootstrap官网 1.可以下载Bootstrap软件包 2.可以直接引入CDN 引入Bootstrap 引入 css文件 引入 jquery文件 引入 popper.js 引入 Bootstrap.js
popper.js@^1.16.1 --save # 这个版本号其实是在安装 cnpm install bootstrap --save 之后就会提醒要安装哪个版本的依赖。...: ['popper.js', 'default'], // 添加Popper }), ], } 安装 Bootstrap4 使用 npm 安装 boostrap cnpm...install bootstrap --save 在 main.js 导入 boostrap // 导入Boostrap import 'bootstrap/dist/js/bootstrap.min.js...' import 'bootstrap/dist/css/bootstrap.min.css' ?...div class="modal-content"> <h5
当示例项目创建完成后,会自动在项目中引用 bootstrap 和 jquery,所以,我们就在这个项目的基础上,尝试采用 npm 来管理我们的前端组件包。 ...例如,这里我们需要在项目中添加 bootstrap 和 jquery,因为在正式发布时如果缺少这两个组件,就会导致我们的程序报错,所以这里我们需要添加到 dependencies 节点下,而像后面我们使用到的...可以看到,安装完成后,npm 提示我们 bootstrap 依赖于 jquery 和 popper.js,所以这里我们手动添加上这两个依赖的组件。 ...例如,在上面的示例中,我们使用 npm install 命令安装的 bootstrap 版本为 4.3.1,而在安装插件包的时候,package.json 一般指定的是包的范围,即只对插件包的大版本进行限定.../node_modules/popper.js/dist/**/*.*" }, { name: "bootstrap", dist: ".
我把node_modules删除,执行npm install,这几个包又都下载下来了。 最后得出 的结论是,--save-dev和--save在平时开发的时候,对于打包部署上线是没有任何影响的。...": { "jquery": "1.9.1 - 3", "popper.js": "^1.16.0" } 表示bootstrap依赖于这两个包,你必须安装,版本不固定,但是一定要安装这两个包...peerDependencies WARNING bootstrap@* requires a peer of popper.js@^1.16.0 but none was installed 当你引用了然后打包...'popper.js' in 'C:\Users\wade\Desktop\savedev\node_modules\_bootstrap@4.4.1@bootstrap\dist\js' @ ..../src/index.js 以上就是对--save和--save-dev的一些测试,想更快的得出结论其实是自己发布一个包。至于本人的答案是不是存在错误,欢迎指出,因为只是自己简单测试的结果。 (完)
和压缩后的 bootstrap.bundle.min.js 已经包含了 Popper 仔细看一下,上面官方模板中,引入了 jquery.slim.min.js 而不是 jquery.min.js 。...-- HTML5 shim 和 Respond.js 是为了让旧版本的IE浏览器支持Bootstrap,因为 IE9 以下可能不支持 HTML5 元素和媒体查询(media queries)功能 -->...---- 如何兼容 上面已经说了引用 html5shiv和 Respond.js 文件,用以支持 IE9 及以下的浏览器。...细心的朋友可能发现,在示例模板中,Bootstrap 4没有兼容性文件,而 Bootstrap 3中,有 html5shiv.js 和 respond.js。....html html5shiv html5shiv是一个针对 IE 浏览器的 HTML5 JavaScript 补丁,目的是让 IE 识别并支持 HTML5 元素 详细介绍和各个版本,请点击 https
概述 FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架。...菜单、回收站等 一键压缩打包JS和CSS文件,一键CDN静态资源部署 一键生成控制器菜单和规则 一键生成API接口文档 完善的前端功能组件开发 基于AdminLTE二次开发 基于Bootstrap开发,...后台的前端是基于AdminLTE和Bootstrap进行了大量二次开发,采用RequireJS进行JS模块化管理和加载。...Api模块(api)通常用于对接APP,用于向APP提供接口,目前FastAdmin暂未提供API相关的插件和文档,你可以直接参考ThinkPHP5官方的文档。...//Composer包配置 └── think 功能预览 ?
什么是bootstrap?一套用js和CSS编写的框架模板,自己组装一下就可以编写比较美观的网页。...和 32. ...--jQuery first, then Popper.js, then Bootstrap JS --> 38. ...和 36. ...--jQuery first, then Popper.js, then Bootstrap JS --> 46.
什么是bootstrap?一套用js和CSS编写的框架模板,自己组装一下就可以编写比较美观的网页。...和 32....--jQuery first, then Popper.js, then Bootstrap JS --> 38....和 36....--jQuery first, then Popper.js, then Bootstrap JS --> 46.
Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考。...在 Vue CLI2.0 中引入 jQuery 和 Bootstrap 需要设置很多配置项,网上有很多方法法,这里不重复写了。直接上 Vue CLI3.0 配置步骤。...第一步:安装 jQuery、 Bootstrap、popper.js依赖。 其中popper.js 用于在 Bootstrap 中显示弹窗、提示、下拉菜单,所以需要引入。...npm install jquery bootstrap@3 popper.js --save 注意:上面的 bootstrap@3 指的是安装 Bootstrap 第三版,如果不加 @3 符号,默认安装第四版...这里的配置含义是创建 '$'、'jQuery'、'window.jQuery' 三个变量指向 jquery 依赖,创建 'Popper' 变量指向 popper.js 依赖。
--- BootStrap 2.x.x 版本 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。...Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。.../4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5...BootStrap 的页面中需要引入的,需要注意的是,由于 BootStrap 一些组件依赖于 jQuery 和 Popper,所以需要引入这两份 js,而且顺序是 jQuery 先,Popper 后.../5/6/7/8/9/10/11/12) 来达到在不同显示区域下,不一样的布局效果,实现响应式布局。
配置Bootstrap 4及依赖文件 本站Bootstrap下载地址为https://zifan.site/down/files/11/ Bootstrap 4 的下载地址为 https://getbootstrap.com.../docs/4.1/getting-started/download/ 下载并解压js和css两个文件夹到新建目录c:/mysite/static/bootsrap/下 因为bootstrap.js依赖...jquery.js 和 popper.js 才能正常运行,因此这两个文件我们也需要一并下载保存。...附上官网下载链接(进入下载页面,复制粘贴代码到新文件即可): jquery.js: https://jquery.com/download/ popper.js: https://popper.js.org.../popper-1.14.4.js' %}"> <
OPTIONS:允许客户端查看服务器性能 返回状态码: 1**:请求收到,继续处理 2**:成功返回响应 3**:重定向,为了完成请求,必须进一步执行的动作 4**:客户端错误,如语法错误,或者请求无法实现 5*.../2.9.2/cjs/popper-base.js"> <script src="https://cdn.bootcdn.net/ajax/libs/<em>popper</em>.js/2.9.2/cjs/<em>popper</em>-base.js...上面函数就是符合 WSGI 标准的一个 HTTP 处理函数 environ :一个所有 HTTP 请求信息的字典对象 start_response:一个发送 HTTP 响应的函数 好处:web 解析 <em>和</em>
Bootstrap4 食用摘记(非入门教程)(暂未完成) 这篇文章主要记录了自己在bootstrap3转bootstrap4的时候遇到的一些,非入门教程 附上官方教程链接 https://getbootstrap.com...BootStrap 引用文件 在引用文件中出现了popper.js <script src="https://cdn.bootcss.com/<em>popper</em>.js/1.12.5/umd/<em>popper</em>.min.js...允许移动设备优先的Meta信息 为了让 <em>Bootstrap</em> 开发的网站对移动设备友好,确保适当的绘制<em>和</em>触屏缩放,需要在网页的 head 之中添加 viewport meta 标签,如下所示: <meta
无论是开发新手还是经验丰富的老手,我们都喜欢开源软件包。对于开发者来说,如果没有这些开源软件包,很难想象我们的生活会变得多么疲惫不堪,而且靠咖啡度日也会成为家常便饭。...地址:github.com/sdras/vue-v… 4.Bootstrap-Vue 提供了最全面的 Bootstrap V4 实现。...地址:bootstrap-vue.js.org/ 5.Vue Native 你是 React Native 的粉丝吗?...地址:vue-native.io/ 6.NativeScript Vue 如果你更喜欢 NativeScript,这个包可以帮助你使用 NativeScript 和 Vue.js 构建原生移动应用程序。...地址:vue-notification.yev.io/ 33.Vue Popper 一个基于 popper.js 的 Vue.js 弹出窗口组件。
接上一节: 暂时就只用Dao和Controller了,没有service层和连接数据库。 目前目录结构: ? ? ? ?...在entities包中:有Employee.java、Department.java Employee.java package com.gong.springbootcurd.entities; import..." th:src="@{/webjars/popper.js/1.11.1/dist/popper.js}"> <script type="text/javascript" src="...需要注意的是前端的一些<em>和</em>视图模板的一些知识。
-- 导入Bootstrap的CSS文件 --> Bootstrap4 <!
使用 npm 进行安装 npm install bootstrap --save 当前安装的是版本是 bootstrap@4.1.3 ,可能随着版本变化,应该会有所升级 接着 引入安装好的 bootstrap..., 编辑 main.js . . . import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.min.js...' . . . ok,上面我们引入了 b4 的 css 以及 js,但是如果你是全新的项目,直接 执行以上步骤,应该会报如下错误: 1_1537346722_XHPaVt8Q5e.png ?...提示我们 jquery 以及 popper.js 找不到,并,让我们进行安装 那么,安装好了 npm install --save jquery popper.js 这样就引入了 bootstrap 样式...以及他的 js 了,随便打开一个组件,编写 b4 的语法,即可看到效果 其实,还有一套专门为 vue 开发的 bootstrap ,bootstrap-vue 关于他的用法,直接看 bootstrap-vue
Bootstrap 5 基本应用 learning from 《python web开发从入门到精通》 Bootstrap 是最受欢迎的 前端组件库,用于 HTML,CSS,JavaScript 开发的.../js/popper.js"> <script src=".....-jumbotron 不支持https://www.runoob.com/<em>bootstrap</em><em>5</em>/<em>bootstrap</em><em>5</em>-jumbotron.html 2....<em>Bootstrap</em> <em>5</em> 基本应用 <em>Bootstrap</em> 提供了很多组件,巨幕、信息提示框、按钮、表单、导航栏等 可以去官网 https://getbootstrap.com/ 查询组件示例,快速修改.../js/<em>popper</em>.js"> <script src="..
[up-6108568931341e960672fcd7f8c2d51e57d.png] 注意 下面的原因,可能是和后端API交互不成功的原因 fileinput版本不正确,需要大于5.0 前端设置的name...属性值和后端接收的属性值不一致 必要的css和js文件 请确保下面的js和css文件存在 bootstrap-fileinput html 你可以在bootstrap-fileinput插件官网,选择其他样式 <input type="file"...option选项说明 [up-5c3ffa865d4720243edccd6d7801bc2881c.JPEG]
-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 16 17 <script src="https://cdnjs.cloudflare.com/ajax/libs/<em>popper</em>.js.../1.11.0/umd/<em>popper</em>.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4
领取专属 10元无门槛券
手把手带您无忧上云