虽然我目前喜欢用vue,但是有一些项目会用bootstrap进行配合。

下面介绍一款bootstrap生态链的插件:bootstrapselect

官网地址:https://www.bootstrapselect.cn/

特别要注意一点,引入bootstrapselect前要先引入popper.js

由于bootstrap本身代码也有依赖popper.js的地方。所以popper.js位置需要放在jquerybootstrap之间。

话不多说,参考引用顺序如下:

  <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script><script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script><script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script><link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"><link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap-grid.min.css" rel="stylesheet"><!-- Latest compiled and minified CSS --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css"><!-- Latest compiled and minified JavaScript --><script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script><link href="./static/bootstrap/darkly.bootstrap.min.css" rel="stylesheet">

bootstrapselect使用 Bootstrap's dropdowns require Popper.js相关推荐

  1. Bootstrap‘s dropdowns require Popper (https://popper.js.org)

    1.导入popper.js资源 2.popper.js必须在bootstrap 之前加载

  2. bootstrap‘s dropdowns require popper

    准备自己写一个博客网站,前端用到了bootstrap,在官网复制代码,引入bootstrap.js后无法运行,打开控制台发现报错 提示需要引入popper.js文件,于是上网找解决办法,发现只需要引入 ...

  3. 使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js

    前言:前端小白一枚,刚注册博客,先发个学习过程中新碰到小问题试试水吧~ 摘要:最近在学习bootstrap,偶然碰到了一个小问题,bootstrap网站也没有做过多的解释,今天分享给大家. 问题描述: ...

  4. Bootstrap dropdown require Popper.js(popper.js下载)

    得引用popper.js文件 <script src="/Scripts/jquery/jquery.min.js" type="text/javascript&q ...

  5. Uncaught Error: Bootstrap dropdown require Popper.js

    Bootstrap 要求Popper.js 如果安装了Popper.js还报错,肯定就是Popper的问题 https://cdn.bootcss.com/popper.js/1.12.5/umd/p ...

  6. Uncaught TypeError: Bootstrap dropdown require Popper.js (https://popper.js.org)(下拉菜单)

    报错内容: 在做网页设计的时候,使用Bootstrap框架的下拉菜单,在谷歌浏览器中打开html进行测试的时候发现点击下拉菜单无反应的问题,打开F12,报错内容如下所示: 前端代码展示 <!DO ...

  7. Uncaught Error: Script error for popper.js, needed by: bootstrap 解决方案

    Uncaught Error: Script error for "popper.js", needed by: bootstrap https://requirejs.org/d ...

  8. Bootstrap 4中使用BootstrapTable时需要导入popper.js

    我真心想吐槽Bootstrap4的坑,我在使用BootstrapTable的使用设置了showColumns:true,结果一直弹出下面这个错误(在谷歌浏览器这个下拉框按钮没反应,在console里显 ...

  9. Bootstrap mouseover 下拉菜单 Enable Hover for Bootstrap Nav Dropdowns

    Bootstrap v3′s navigation has menus toggle enabled by default - you have to click to have them open/ ...

最新文章

  1. 2月15日Python线上峰会免费学!6场精华分享,用代码“抗”疫
  2. 全网最详细之一网打尽数据结构中与树相关的算法
  3. bazel源码编译Tensorflow
  4. pandas drop 删除行和列的方法
  5. 汽车abs matlab仿真模糊pid控制
  6. 牛顿方法、指数分布族、广义线性模型—斯坦福ML公开课笔记4
  7. js获取选中文件的后缀名
  8. instancetype和id的区别
  9. svg大小自适应_网格自适应的 2 种方法——实现更高效的计算
  10. SpringBoot—项目启动时几种初始化操作及SpringApplication类详解
  11. 加密用户向阿桑奇捐赠超40万美元的BTC用于法律辩护
  12. 读《Linux运维之道》有感
  13. 怎么把ppt文字大小设置一致_PPT基础入门技巧,这都不会?就别谈制作PPT了,学会瞬间提高档次...
  14. Appium和Python实现蚂蚁森林自动化收取能量
  15. 计算机主板电池没电什么情况,主板电池没电会怎么样-电脑主板坏了会出现什么样的情况?...
  16. GEAP 遗传算法/遗传编程 genetic programming + python(deap库)实现
  17. PCF8591详解(蓝桥杯单片机模块(IIC总线))
  18. 关于群晖NAS计划运行Python脚本的笔记
  19. AD中更改原理图图纸大小
  20. What、Why、How?解读Webpack官方文档

热门文章

  1. “约见”面试官系列之常见面试题第十三篇之css动画效果(建议收藏)
  2. 前端学习(2000)vue之电商管理系统电商系统之绘制基本面板的结构
  3. 前端学习(1944)vue之电商管理系统电商系统之绘制分类组件的基本结构
  4. 前端学习(1419):ajax请求参数传递
  5. 前端学习(10):HTML语义化
  6. 75 jsp基础语法汇总
  7. xshell连接突然报Connection closed by foreign host.
  8. [GAN学习系列3]采用深度学习和 TensorFlow 实现图片修复(中)
  9. python 图片 变清晰_python实现图片变亮或者变暗的方法
  10. sql 链接到oracle数据库,通过MSSQL连接服务器连接至Oracle数据库