我为什么不建议使用bootstrap

最近, 被bootstrap坑了. 所以上来讲几句.

被坑的经历是这样, 公司美工在某网站的改版中, 引入bootstrap这种"先进"的玩意, 导致多处不兼容.原因在于,bootstrap不是一个干净的系统, 它会与其它框架的CSS冲突.

网上一查, 发现不少人遇到这个问题.

又看了下知乎,也确实有不少人不推荐使用bootstrap .

我总结一下, 大概的感觉是,

1.bootstrap是一套给后台管理系统用的框架, 程序员自己折腾后台就基本不需要美工了.

2.前台项目不建议使用bootstrap  . 前台项目美术要求高, 即使使用也需要大量的修改和重写.

3.需要与其它css,js 框架整合的项目, 不建议使用bootstrap ,因为会冲突.

4.有历史负担的项目,不建议使用bootstrap .因为会冲突.

结论: 不能往老项目中引入bootstrap这种侵入性的框架.  如果不能做到只用boostrap而不使用其它css,就不要使用bootstrap  !

时间: 2024-12-28 11:16:00

我为什么不建议使用bootstrap的相关文章

教你用Bootstrap开发漂亮的前端界面

Bootstrap介绍: Bootstrap 是最受欢迎的 HTML.CSS 和 JS 框架,用于开发响应式布局.移动设备优先的 WEB 项目. Bootstrap的特点: 一.预处理脚本:虽然可以直接使用 Bootstrap 提供的 CSS 样式表,不要忘记 Bootstrap 的源码是基于最流行的 CSS 预处理脚本 - Less 和 Sass 开发的.你可以采用预编译的 CSS 文件快速开发,也可以从源码定制自己需要的样式. 二.一个框架.多种设备:你的网站和应用能在 Bootstrap 

标签页(tab)切换的原生js,jquery和bootstrap实现

概述 这是我在学习课程Tab选项卡切换效果时做的总结和练手. 原课程中只有原生js实现,jquery和bootstrap实现是我自己补上的. 本节内容 标签页(tab)切换的原生js实现 标签页(tab)切换的jquery实现 标签页(tab)切换的bootstrap实现 标签页(tab)切换的原生js实现 说明: 代码是我自己写的,与课程中的不一样. 主要利用display:none来把部分内容隐藏而显示其它内容. 遇到了事件的循环绑定,我是利用添加id使其成为钩子来解决的. 代码: <!DO

使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理

原文:使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理 摘要 通过对博客文章的管理,实现外键操作. 目录[-] 八.博客文章管理 1.查看文章 2.添加博客? ? ? ? 3.查看博文详情 4.修改博客内容 5.删除博客文章 九.尾声? ? ? ?? 1.如何部署 2.进一步的学习 3.ENDING 转载请注明出处:Gaussic(一个致力于AI研究却不得不兼顾项目的研究生) . 注:在阅读本文前,请先阅读: 使用IntelliJ IDEA开发SpringMVC网站(一

Java EE 学习(9):IDEA + maven + spring 搭建 web(5)- 博客文章管理

转载:Gaussic(一个致力于AI研究却不得不兼顾项目的研究生) . 注:在阅读本文前,请先阅读: Java EE 学习(5):IDEA + maven + spring 搭建 web(1) Java EE 学习(6):IDEA + maven + spring 搭建 web(2)- 配置 Spring Java EE 学习(7):IDEA + maven + spring 搭建 web(3)- 配置数据库 Java EE 学习(8):IDEA + maven + spring 搭建 web(

LMLPHP官方网站兼博客移动站上线

LMLPHP官方网站兼博客移动站上线新闻 maybe yes 发表于2015-01-12 14:32 原文链接 : http://blog.lmlphp.com/archives/60  来自 : LMLPHP后院 经过周日的努力,一下午加晚上,LMLPHP 官方网站手机站和 LMLPHP 官方博客手机站正式上线.目前所有页面在 MI2 的自带浏览器,UC浏览器,百度浏览器和 Samsung Galaxy S4 mini 的 QQ 浏览器上显示均正常,效果还算比较满意,毕竟同样的内容要兼容在不同

ZUI前段框架简介

一.说明 基于Bootstrap定制 ZUI继承了Bootstrap 3中的大部分基础内容,但出于与Bootstrap不同的目的,一些组件都进行了定制和修改.这些变化包括: 移除了部分插件的限制,增加了一些适用特性,例如Popover弹出的内容可以指定已有的标签内容,Modal对话框可以自动使用iframe弹出整个页面内容等: 增加了实用的视图组件,包括卡片.评论.列表.文章.仪表盘.看板等: 新增了几个Javascript组件,包括拖放.排序.灯箱预览,本地存储,图片裁剪等: 集成了一些实用的

利用ECharts开发的步骤

引入Echarts的相关库文件,以及自定义的js文件 <script src="${pageContext.request.contextPath}/js/echarts/source/echarts.js"></script> <script src="${pageContext.request.contextPath}/js/phoneSample.js"></script> 定义图表的展示位置,建议使用boots

bootstrap suggest搜索建议插件

近日因工作需要看了下此插件. 首先下载bootstrap js包.添加此插件的引用.注意css样式要引用,不能忘记. 前台页面代码,因为楼主做的是选项卡切换查询不同的结果. <tr> <th style="background: #fff;" width="30%">类型:</th> <td width="70%"> <select class="selectpicker show-

【Bootstrap】3.优化站点资源、完成响应式图片、让传送带支持手势

A.优化站点资源 速度很重要.用户很关心.我们的站点必须加载够快,否则用户就会走人.SEO 也很重要.我们的站点必须加载够快,否者搜索排名就会下降. 明白了这样,我们就来清点一下 [Bootstrap]2.作品展示站点 中的资源.特别的,来看一看我们能控制的.影响页面速度的重要因素 —— 文件大小,包括图片.CSS和 JavaScript 文件.只要简单几步,我们就可以给这些文件“瘦身”,缩短加载时间. A.1 优化图片 这些图片都通过 Photoshop 的 “保存为 Web 格式” 进行了一