搜索
首页web前端Bootstrap教程为什么前端不用bootstrap

为什么前端不用bootstrap

Jul 19, 2019 am 10:26 AM
bootstrap

我关注的朋友关注了这个问题。我仅代表我个人观点说说不用bootstrap的原因,这里简称bs。

为什么前端不用bootstrap

我在用bs的时候还处于前端入门阶段,bs官方文档友好到任何类型的开发人员引用这个文件,复制粘贴即可UI成型,也不需要补习太多前端知识。(推荐学习:Bootstrap视频教程

没有设计师或急需赶工的情况下,它无疑是最有保障的css框架首选。使用它你无须担心兼容,页面塌陷等肉眼可见的bug,bs全都为你处理掉了,十分省心。

在一个项目的0阶段,想要快速形成demo,bs是合适web端做打底衫的。

到了项目成长阶段,bs的作用则会大打折扣。bs无法完全满足新需求致使的UI变化,尤其在非前端开发人员的调试下会因为知识经验缺乏导致页面臃肿布局混乱,而随着前端开发人员的成长,面对UI变化,大部分人反认为手写比用bs更省事。

想基于bs做更加炫丽的页面不通透这个框架是无法达到的,这是部分开发人员中途弃用bs的原因之一,但这个框架依然存在项目,日新月异后,bs会成为想抽离又无法抹去的泥巴。

开发人员在这块泥巴上反复修改揉捏,所以后来会常常思考,这个框架为项目到底做了什么呢?

一开始你把bs当作打底衫,那它则只能用于打底。

而如果你想一开始把bs当作框架充分利用起来,则需要时间学习,需要付出成本去补充了解这个框架的前提知识,然而当你完全看懂了bs了解bs的源码后,你会发现它在许多实现手法上并没有你想象中的伟大,你也会跃跃欲试,甚至会想到更绝妙的思路完成同一个事情。

再来,多栏布局是最常见的css布局之一,实现的方式不下10种,它们分别应对各种各样的业务场景,而bs的流式布局堪称撑起一片天,它的响应式看似独霸天下能满足80%的要求,但开发者们仍会保留20%用于追逐更高效的技巧,而且随着前端的发展,原生bs流式布局已然有更优的实现方式了。

其实如果一个前端工程师能够对bootstrap或者foundation这类框架有深入的了解的话,对技术、效率的提升还是挺明显的。

所以,我想很多前端开发者们不用bootstrap框架的原因是因为他们已站在bs的肩膀上看到了更精彩的世界。

更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!

以上是为什么前端不用bootstrap的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
将引导程序集成到React:实用指南将引导程序集成到React:实用指南Apr 25, 2025 am 12:04 AM

将Bootstrap集成到React项目中的步骤包括:1.安装Bootstrap包,2.导入CSS文件,3.使用Bootstrap类名样式化元素,4.使用React-Bootstrap或reactstrap库来使用Bootstrap的JavaScript组件。这种集成利用React的组件化和Bootstrap的样式系统,实现高效的UI开发。

Bootstrap是用什么?一个实用的解释Bootstrap是用什么?一个实用的解释Apr 24, 2025 am 12:16 AM

bootstrapisapowerfulflameworkthatsimplifiesCreatingingResponsive,移动 - firstwebsites.itoffers.itoffers:1)AgridSystemforadaptableBableLayouts,2)2)pre-styledlementslikeButtonslikeButtonSandForms和3)JavaScriptCompriptcomponcomponentsSuchcaroSelSuselforEnhanceSuch forenhanceTinteractivity。

引导程序:从布局到组件引导程序:从布局到组件Apr 23, 2025 am 12:06 AM

Bootstrap是一个由Twitter开发的前端框架,集成了HTML、CSS和JavaScript,帮助开发者快速构建响应式网站。其核心功能包括:栅格系统与布局:基于12列的设计,使用flexbox布局,支持不同设备尺寸的响应式页面。组件与样式:提供丰富的组件库,如按钮、模态框等,通过添加类名即可实现美观效果。工作原理:依赖CSS和JavaScript,CSS使用LESS或SASS预处理器,JavaScript依赖jQuery,实现交互和动态效果。通过这些功能,Bootstrap大大提升了开发

什么是bootstrap?初学者的介绍什么是bootstrap?初学者的介绍Apr 22, 2025 am 12:07 AM

BootstrapisafreeCSSframeworkthatsimplifieswebdevelopmentbyprovidingpre-styledcomponentsandJavaScriptplugins.It'sidealforcreatingresponsive,mobile-firstwebsites,offeringaflexiblegridsystemforlayoutsandasupportivecommunityforlearningandcustomization.

Bootstrap Demystified:一个简单的解释Bootstrap Demystified:一个简单的解释Apr 21, 2025 am 12:13 AM

Bootstrapisafree,open-sourceCSSframeworkthathelpscreateresponsive,mobile-firstwebsites.1)Itoffersagridsystemforlayoutflexibility,2)includespre-styledcomponentsforquickdesign,and3)ishighlycustomizabletoavoidgenericlooks,butrequiresunderstandingCSStoop

引导与反应:选择正确的方法引导与反应:选择正确的方法Apr 20, 2025 am 12:09 AM

Bootstrap适合快速搭建和小型项目,而React适合复杂的、交互性强的应用。1)Bootstrap提供预定义的CSS和JavaScript组件,简化响应式界面开发。2)React通过组件化开发和虚拟DOM,提升性能和交互性。

Bootstrap的目的:建立一致且有吸引力的网站Bootstrap的目的:建立一致且有吸引力的网站Apr 19, 2025 am 12:07 AM

Bootstrap的主要用途是帮助开发者快速构建响应式、移动优先的网站。其核心功能包括:1.响应式设计,通过网格系统实现不同设备的布局调整;2.预定义组件,如导航栏和模态框,确保美观和跨浏览器兼容性;3.支持自定义和扩展,使用Sass变量和mixins调整样式。

Bootstrap与其他框架:比较概述Bootstrap与其他框架:比较概述Apr 18, 2025 am 12:06 AM

Bootstrap优于TailwindCSS、Foundation和Bulma,因为它易用且快速开发响应式网站。1.Bootstrap提供丰富的预定义样式和组件库。2.其CSS和JavaScript库支持响应式设计和交互功能。3.适合快速开发,但自定义样式可能较复杂。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

mPDF

mPDF

mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能