为什么bootstrap没有响应？

最新推荐文章于 2024-09-11 22:31:16 发布
最新推荐文章于 2024-09-11 22:31:16 发布
阅读量337 收藏 9
点赞数 8
文章标签： bootstrap 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_67528396/article/details/135416151
版权

c1192ae39dca4d3c96a5d819095e2d2b.png

官方效果图

e1c030ab74d4485c80f144fc6964ed46.png我的效果图 

6bf73978cfe94052abd7be3d881e78e1.png我的代码 

问题：点击图二的倒三角，并不会出现图一那样的效果。

疑惑：网上搜了说如果没有响应就是js有问题，但是我的js是在线引用的啊，怎么会有问题啊

小屁梨子怡
关注
  • 8
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap手机响应式下拉框
09-01
Bootstrap手机响应式下拉框是Web开发中一个重要的设计元素，尤其在移动设备普及的今天，它能够确保网站在不同屏幕尺寸上都能提供良好的用户体验。Bootstrap框架，由Twitter开发并开源，是目前最流行和广泛使用的前端...
bootstrap响应式星巴克网站
11-19
这个“bootstrap响应式星巴克网站”项目，显然是一个基于Bootstrap框架创建的示例网站，旨在模仿星巴克的官方网站，为开发者提供一个学习和实践响应式设计的平台。 首先，我们要了解Bootstrap的核心概念。Bootstrap...
什么是Bootstrap？以及为什么要使用Bootstrap？
LuckXinXin的博客
07-06 2041
Bootstrap 是一个用于快速开发 Web应用程序和网站的前端框架。Bootstrap是基于 HTML、CSS、JAVASCRIPT 的 Bootstrap具有移动设备优先、浏览器支持良好、容易上手、响应式设计等优点，所以Bootstrap被广泛应用 ...
科普帖：什么是Bootstrap？Bootstrap开发框架入门
WPHunter的编程技术资料库！
01-08 1744
本文将介绍使用Bootstrap的好处并解释它使用的不同文件类型。到最后，您将知道Bootstrap是否可以使您的工作流程受益。
html css bootstrap,CSS Bootstrap是什么？
weixin_34214135的博客
06-27 1092
bootstrap是什么?bootstrap有什么用?bootstrap是框架吗？对于刚刚接触bootstrap的学生来说，对bootstrap并不了解。下面本篇文章就来给大家介绍一下bootstrap，希望对大家有所帮助。Bootstrap是什么？Bootstrap是一个免费的前端框架，并且是基于html和JavaScript、css三者开发的框架，主要用于响应式网站上的结构和布局，Bootst...
使用Bootstrap完成响应式页面设计
m0_62676426的博客
11-13 2229
Bootstrap5是目前Bootstrap的最新版本，但考虑到浏览器的兼容性，建议使用 Bootstrap4 或 Bootstrap3。目前Bootstrap5 兼容所有主流浏览器（Chrome、Firefox、Edge、Safari 和 Opera），但不支持 IE11 及以下版本。在这篇文章中我使用的是Bootstrap4。
为什么选择Bootstrap
歪脖先生的博客
01-21 1141
  Bootstrap无疑是当下最流行的前端开发框架，它将常见的CSS布局小组件和JavaScript插件进行封装，让开发人员轻松使用，大大简化了网站的开发过程，从而深受广大开发者的喜欢。 笔者认为，这么多人热衷于Bootstrap，可能基于以下理由： 1、出自名门 Bootstrap 出自 Twitter。Twitter是互联网领域的技术领跑着，引领技术潮流。Bootstrap由经验丰富...
Bootstrap实现响应式导航栏效果
11-22
为了给导航栏添加响应式特性，您要折叠的内容必须包裹在带有 classes .collapse、.navbar-collapse 的 <div> 中。折叠起来的导航栏实际上是一个带有class .navbar-toggle 及两个 data- 元素的按钮。第一个是 data-...
bootstrap聊天界面模板,基于bootstrap响应式聊天软件,Html页面,可以用于个人聊天软件
03-06
这个压缩包提供了一套基于Bootstrap的聊天界面模板，专为构建交互式的、响应式的聊天软件而设计。模板包括了几个关键的HTML页面，如登录、注册、重置密码，以及可能的主界面，使得开发者能够快速搭建一个功能完善的...
Bootstrap禁用响应式布局的实现方法
08-31
Bootstrap禁用响应式布局的实现方法 Bootstrap是当前最流行的前端框架之一，它提供了大量的组件和插件，使得开发者可以快速构建响应式的Web应用程序。响应式布局是Bootstrap的核心特性之一，它可以根据不同的屏幕...
Vue2 中对数组进行操作时需要注意什么
m0_73882020的博客
09-06 576
在 Vue 2 中，对数组进行操作时，关键是确保操作能够被 Vue 的响应式系统检测到。使用 Vue 的响应式 API，如Vue.set或this.$set，可以确保数组的变化会被正确地反映到视图中。此外，避免直接修改数组的length属性或使用数组索引直接赋值，以确保视图的响应性。
基于Spring Boot构建一个点餐系统
嵌入式行业打工人，不定期更新博客。
09-08 929
这个示例提供了一个非常基础的框架，你可以在此基础上扩展更多的功能，如用户认证、购物车管理、支付接口等。在实际开发过程中，还需要考虑诸如错误处理、事务管理、日志记录等方面的问题。此外，确保所有的API调用都是安全的，并且正确处理用户的输入数据，防止SQL注入等安全风险。如有疑问和需求，可以私信联系我。
构建高效 Python Web API：RESTful 设计与 GraphQL 实践
weixin_52392194的博客
09-11 910
在现代 Web 开发中，API 是前后端通信的核心枢纽，设计一个高效且易于扩展的 API 是保证系统良好运行的基础。本文详细探讨 RESTful API 的设计准则，如何生成 API 文档，GraphQL 的应用，以及如何在 FastAPI 和 Django REST Framework 中实现分页、过滤、认证等功能。
2024伊语IM即时通讯源码/im商城系统/纯源码IM通讯系统安卓+IOS前端纯原生源码
翎风世界
09-10 475
2.4 node安装wget "https://nodejs.org/dist/v12.18.3/node-v12.18.3-linux-x64.tar.xz"资料参考地址：https://www.1234f.com/sj/GitHub/qtym/20240910/677.html。源码下载地址：https://www.123pan.com/s/LA1bVv-5l5Vv。备用下载地址：http://pan.1234f.com:5212/s/5PrS4。api.xxx.com接口。im.xxx.com通讯。
【vite-plugin-vue-layouts】关于 vue-layouts 布局插件的使用和注意事项
weixin_41899098的博客
09-06 1064
环境：vue3 + vuetify3 + unplugin-vue-router是怎么创建这个项目的：选择它推荐的设置（Recommend）
一文读懂 JS 中的 Set 结构
最新发布
沐爸的博客
09-11 566
Set 如何使用？和 Map 有什么区别？有哪些属性和方法？又有哪些使用场景？WeakMap 又是什么？
前端技术演进与未来发展趋势探究
生活的真谛从来都不在别处 就在日常一点一滴的奋斗里
09-07 1983
本文深入探讨了前端领域的发展历程、主要技术及未来趋势。从前端技术的起源与早期发展，到动态页面的崛起，再到如今各种先进技术的涌现，我们见证了前端技术的不断演进。在发展历程方面，前端从最初的静态网页逐渐发展为复杂的动态交互界面。早期浏览器的竞争推动了技术的进步，而随着互联网的发展，后端框架的出现解决了后台代码庞大臃肿的问题。前端技术也从“网页三剑客”演变为新的“三剑客”，即 HTML、CSS 和 JavaScript，同时各种前端框架不断涌现，大大提高了开发效率和质量。
Vue响应式进阶常用API学习
weixin_44072254的博客
09-06 875
reactive()的浅层浅层响应式，和reactive()不同，这里没有深层级的转换：一个浅层响应式对象里只有根级别的属性是响应式的。readonly()的浅层作用形式,只有根级别是只读不可更改的，根级别以下的可更改，只是视图不会更新，但值改变了。shallowRef是浅层引用,只会跟踪原始对象的引用,不会跟踪原始对象的属性。创建一个自定义的 ref，显式声明对其依赖追踪和更新触发的控制方式。的副作用，这通常在对浅引用的内部值进行深度变更后使用。代理对象，并返回该代理对象对应的原始对象。
前端vue项目服务器部署(docker)
m0_46122129的博客
09-07 687
将你的nginx-alpine.tar包上传到服务器上。假设路径为 。 2、导入 Nginx Docker 镜像 使用以下命令将 文件加载为 Docker 镜像： 执行后会显示类似如下的输出，表示镜像已成功加载： 3、验证镜像是否加载 确认镜像已经导入成功： 应该可以看到 镜像在列表中。在你的服务器上确保 目录下包含以下内容：- ：Vue 项目构建后的静态文件。- ：自定义的 Nginx 配置文件。- 。确保 目录中有你的 Vue 项目的打包内容。在 下编写或确保已经有如下内容的 ： 3、编写ng
Bootstrap是什么？
08-22
Bootstrap的设计哲学是“移动优先”，这意味着它专门为移动设备的布局和样式做了优化，然后通过媒体查询和其他技术扩展到平板电脑和桌面设备。Bootstrap提供了多种预制的组件和布局选项，例如按钮、表单、导航栏、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值