web app builder 引入bootstrap组件

妖狐艹你老母 2021-09-29 23:56 239阅读 0赞

## web app builder 引入bootstrap组件 ##

1、下载bootstrap

地址：[https://getbootstrap.com/][https_getbootstrap.com]

下载第一个 Compiled CSS and JS的模块

2、解压后放到web app builder代码目录的 libs下面

3、修改web app builder 的 init.js文件，在

resources = resources.concat中：

//引入bootstrap
    window.path+'libs/bootstrap/js/bootstrap.min.js',
    window.path+'libs/bootstrap/css/bootstrap.min.css',

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70]

4、引入上面这些，常规的UI组件可以使用了，但是有些不可以，比如下拉菜单，使用时候会报错，需要引入popper.js文件，注意一定要放在bootstraps之前

下载地址：[https://www.oschina.net/news/90493/popperjs-1-12-7][https_www.oschina.net_news_90493_popperjs-1-12-7]

window.path+'libs/bootstrap/popper/dist/umd/popper.js',    //注意路径
    window.path+'libs/bootstrap/popper/dist/umd/popper.min.js',
    window.path+'libs/bootstrap/popper/dist/popper.js',

[https_getbootstrap.com]: https://getbootstrap.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70]: /images/20210724/db71cb72d13e4e2cb47e3fc861043730.png
[https_www.oschina.net_news_90493_popperjs-1-12-7]: https://www.oschina.net/news/90493/popperjs-1-12-7

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-app组件引入应用

uni-app项目导入第三方组件库muse-ui 1.导入muse ui 找到uni-app项目目录，在此目录上打开终端，npm安装muse-ui: ![在这里插入图

浅浅的花香味﹌/ 2023年07月17日 15:57/ 0 赞/ 13 阅读

相关 uni-app引入UI组件库(Vant-weapp)

uni-app引入UI组件库(Vant-weapp) 1. 新建相关目录根目录下创建 `wxcomponents` wxcomponents下新建`van

素颜马尾好姑娘i/ 2023年05月28日 12:57/ 0 赞/ 148 阅读

相关 bootstrap组件

组件----图标字样 Glyphicons是一套收费的图标字体，提供了web/移动开发中常用的小图标 bootstrap中可以免费使用这套字体中对的250+个。以服

痛定思痛。/ 2022年06月15日 11:14/ 0 赞/ 217 阅读

相关 vue引入echart组件

vue引入echart组件本文主要参考： http://blog.csdn.net/u013069892/article/details/70256596 h

偏执的太偏执、/ 2022年06月06日 12:35/ 0 赞/ 301 阅读

相关 bootstrap select组件

一、组件开源地址以及API说明 bootstrap-select开源地址：[https://github.com/silviomoreto/bootstrap-select

快来打我*/ 2022年06月01日 13:08/ 0 赞/ 249 阅读

相关 BootStrap复习之BootStrap组件

今日目录： 1、Glyphicons字体图标 2、下拉菜单组件 3、按钮组组件 4

我不是女神ヾ/ 2022年05月24日 07:52/ 0 赞/ 283 阅读

相关 bootstrap组件使用

一、字体图标的使用访问组件库[https://v3.bootcss.com/components/][https_v3.bootcss.com_components]，

不念不忘少年蓝@/ 2022年05月19日 06:18/ 0 赞/ 357 阅读

相关 Bootstrap alert组件使用

1. 遇到的主要问题就是无法关闭弹出来的Alert提示： <link rel="stylesheet" href="css/bootstrap.css" type

悠悠/ 2022年03月02日 15:16/ 0 赞/ 311 阅读

相关 web app builder 引入bootstrap组件

web app builder 引入bootstrap组件 1、下载bootstrap 地址：[https://getbootstrap.com/][https_get

妖狐艹你老母/ 2021年09月29日 23:56/ 0 赞/ 240 阅读

相关 uni-app引入UI组件库(Vant-weapp)步骤

1. 创建目录在项目根目录中创建wxcomponents目录在wxcomponents目录中创建vant目录 ![在这里插入图片描述][202

梦里梦外;/ 2021年09月13日 15:56/ 0 赞/ 1279 阅读