书籍- 响应式网页设计-Bootstrap开发速成(3)

缺乏、安全感 2023-10-14 14:37 20阅读 0赞

# 1. Bootstrap JS 插件的使用网站引用 #

Bootstrap 插件的方式有以下两种：  
· 单独引用：使用Bootstrap 的＊ .js 文件。  
· 同时引用：使用bootstrap 扣或压缩版的bootstrap.min.js.

## 页签 ##

![在这里插入图片描述][e36389a498304a1abebd7e9178f2990b.png]  
![在这里插入图片描述][341def47d30e4e52a46f878fe50868e8.png]  
![在这里插入图片描述][f887d83ab8164ea3a56d290e0ed5d91d.png]

## 提示工具 ##

![在这里插入图片描述][3b8947cd5d7943b4aaddb1f7345b7353.png]  
![在这里插入图片描述][8b21e93f2b7446c38ddbfb6158f786fc.png]  
![在这里插入图片描述][b2ef21fb417a4f3e8523f7753d601f7b.png]  
![在这里插入图片描述][9d1ea7e5daf54cc3bd2514ae84e45310.png]

## 弹出提示 ##

![在这里插入图片描述][e9c54cd06f7d4cf48aeab180c6f97b12.png]  
![在这里插入图片描述][b4d0dde70daa4483b78c0db7f5d09cf7.png]  
![在这里插入图片描述][d186d24b11264f70bb220eef74135615.png]

## 折叠效果 ##

![在这里插入图片描述][6086f438b8224b34a6906f1b72acac33.png]  
![在这里插入图片描述][08ab527fca0f4aa9990f38c2c466c450.png]  
![在这里插入图片描述][73ef4aa20650413e8bb59824e7e030a7.png]

## 轮播效果 ##

![在这里插入图片描述][9956ac1ff94c4f50b477b2159aa28f23.png]  
![在这里插入图片描述][27161de615084e9ea0800502e0adf486.png]  
![在这里插入图片描述][c86666c816e24ca588c3532924c52abf.png]

# 2.网站实践一一书籍宣传网页 #

![在这里插入图片描述][e1df2f5934ea42149bb933c712a286af.png]

# 3.网站实践一一产品推广网页 #

# 4.网站卖践一一网站首页制作 #

# 5.辅助工具 #

[e36389a498304a1abebd7e9178f2990b.png]: https://img-blog.csdnimg.cn/e36389a498304a1abebd7e9178f2990b.png
[341def47d30e4e52a46f878fe50868e8.png]: https://img-blog.csdnimg.cn/341def47d30e4e52a46f878fe50868e8.png
[f887d83ab8164ea3a56d290e0ed5d91d.png]: https://img-blog.csdnimg.cn/f887d83ab8164ea3a56d290e0ed5d91d.png
[3b8947cd5d7943b4aaddb1f7345b7353.png]: https://img-blog.csdnimg.cn/3b8947cd5d7943b4aaddb1f7345b7353.png
[8b21e93f2b7446c38ddbfb6158f786fc.png]: https://img-blog.csdnimg.cn/8b21e93f2b7446c38ddbfb6158f786fc.png
[b2ef21fb417a4f3e8523f7753d601f7b.png]: https://img-blog.csdnimg.cn/b2ef21fb417a4f3e8523f7753d601f7b.png
[9d1ea7e5daf54cc3bd2514ae84e45310.png]: https://img-blog.csdnimg.cn/9d1ea7e5daf54cc3bd2514ae84e45310.png
[e9c54cd06f7d4cf48aeab180c6f97b12.png]: https://img-blog.csdnimg.cn/e9c54cd06f7d4cf48aeab180c6f97b12.png
[b4d0dde70daa4483b78c0db7f5d09cf7.png]: https://img-blog.csdnimg.cn/b4d0dde70daa4483b78c0db7f5d09cf7.png
[d186d24b11264f70bb220eef74135615.png]: https://img-blog.csdnimg.cn/d186d24b11264f70bb220eef74135615.png
[6086f438b8224b34a6906f1b72acac33.png]: https://img-blog.csdnimg.cn/6086f438b8224b34a6906f1b72acac33.png
[08ab527fca0f4aa9990f38c2c466c450.png]: https://img-blog.csdnimg.cn/08ab527fca0f4aa9990f38c2c466c450.png
[73ef4aa20650413e8bb59824e7e030a7.png]: https://img-blog.csdnimg.cn/73ef4aa20650413e8bb59824e7e030a7.png
[9956ac1ff94c4f50b477b2159aa28f23.png]: https://img-blog.csdnimg.cn/9956ac1ff94c4f50b477b2159aa28f23.png
[27161de615084e9ea0800502e0adf486.png]: https://img-blog.csdnimg.cn/27161de615084e9ea0800502e0adf486.png
[c86666c816e24ca588c3532924c52abf.png]: https://img-blog.csdnimg.cn/c86666c816e24ca588c3532924c52abf.png
[e1df2f5934ea42149bb933c712a286af.png]: https://img-blog.csdnimg.cn/e1df2f5934ea42149bb933c712a286af.png