bootstrap和elementUI冲突解决

问题描述:bootstrap引入VUE+elementUI项目里,由于bootstrap的全局性,全局的样式就被修改
el-upload这个组件里,控制上传文件类型的功能是用input元素完成的,element-UI默认将input屏蔽掉,不显示到页面中。但是引入了bootstrap就会将input的样式显示出来。造成的后果如图:
在这里插入图片描述
为了解决这个问题:可以在当前页面中写入全局的样式,代码如下:

sbtn是用id定位到当前页面的bl-upload组件,然后是后代选择器找到input元素,写样式;

### 回答1: BootstrapElementUI是两种前端UI框架,它们都提供了一些预定义的CSS和JavaScript组件,帮助开发人员快速搭建网站和应用程序的用户界面。它们的主要区别在于以下几点: 1. 设计风格:Bootstrap的设计风格较为简洁,注重响应式设计,适用于各种不同大小的设备。而ElementUI的设计风格则更加现代化,注重动效和细节处理。 2. 组件库:Bootstrap的组件库非常丰富,包括各种常用组件,如按钮、表单、导航、卡片等等。ElementUI也提供了大量的组件,但主要面向后台管理系统,如表格、图表、消息通知、对话框等。 3. 开发难度:Bootstrap相对来说更加易于上手,提供的组件和样式比较简单明了,适合初学者。而ElementUI的组件和样式较为复杂,需要一定的开发经验和技能。 总的来说,BootstrapElementUI都是优秀的前端UI框架,选择哪一个更适合主要取决于项目需求和个人偏好。 ### 回答2: BootstrapElementUI都是流行的CSS框架,用来帮助开发者在前端设计中创建美观的用户界面。两个框架都有它们的优点和缺点,它们的区别主要在于以下方面: 1. 设计风格:BootstrapElementUI的设计风格稍有不同,Bootstrap更为简约,ElementUI则更注重色彩和平面设计; 2. 兼容性:Bootstrap适用于所有主流浏览器并且对响应式设计十分友好;而ElementUI仅支持比较新的浏览器版本,需要额外的安装和配置; 3. 组件:Bootstrap的组件相较于ElementUI和其他CSS框架更全面,包含了各种组件如导航、面包屑、分页、模态框等;ElementUI的组件较为简约,主要用于企业级管理应用; 4. 上手难易度:Bootstrap的使用相对简单易学,实现基本业务需求能够更快,而ElementUI由于其更为复杂的布局与组件,可能需要花费更多的时间学习。 总之,BootstrapElementUI在某些方面存在共同性,在其他方面则存在诸多区别。选择哪种CSS框架也取决于实际需求,如应用场景、设计风格及前端开发的个人水平等。 ### 回答3: Bootstrap和Element UI都是非常流行的前端UI框架,但是它们之间有着一些明显的区别。 1. 设计理念不同 Bootstrap注重的是响应式设计,它能够帮助开发者快速构建适应各种屏幕尺寸的网站。而Element UI则是一个以提供高质量的用户体验为目标的框架,它在设计上比较简洁,注重的是大面积的一致性和重复性,而且提供了丰富的组件和样式,可以让开发者很容易地构建一个美观的项目。 2. 模块化机制不同 Bootstrap使用的是Sass编写,它的模块化机制是比较简单的,只需要通过引入不同的scss文件就可以完成组件的样式定义和使用。而Element UI则使用的是Vue框架,它的模块化机制更加完善,每个组件都是一个独立的模块,方便拓展和维护,而且易于组件的分发和复用。 3. 实现方式不同 Bootstrap是使用html5、CSS3和javascript实现的,原生组件功能和布局较为简单。而Element UI是基于Vue.js编写的组件库,提供了更加完善的组件、交互和动画效果。 总体来说,Bootstrap是一个非常成熟和强大的前端框架,它适用于多种Web应用程序类型,支持多种前端技术,因此完全可以成为前端开发的首选框架。而Element UI则是一个优秀的Vue组件库,提供了丰富的组件和容易上手的API,能够帮助开发者快速地构建主流的Web应用。它们各有优劣,具体需要根据项目需求和开发者实际情况来选择。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值