前端需要根据设计稿出静态页面，是否有必要用 bootstrap

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3102 天前的主题，其中的信息可能已经有所发展或是发生改变。

公司的前端同事做什么都喜欢先把 bootstrap 引进去，但是页面是有设计的,所以需要重写很多样式，而且他做的只是页面中的一部分，之后整合到一起，整个页面都乱了，其他部分的样式也被 bootstrap 覆盖了。和那个同事沟通过，感觉再多说几句就能吵起来。
我觉得 bootstrap 是在没有设计师，或者设计不重要的时候用的，像这种需要根据设计来写页面的项目，是否有必要用 boostrap ？

第 1 条附言 · 2016-05-28 17:25:18 +08:00

看了大家的评论，结合公司现在前端情况，瞬间感觉我们公司前端问题太多了，抛开 bootstrap 不谈，我总结了下当前前端存在的问题：
1.没有负责人 /主导人。我们几个工作时间都不长，主全不了大局，都认为自己想法是好的，讨论也讨论不出什么结果。
2.没有统一样式。公司上一代前端遗留下来的问题，这一代也没有解决，例如，一个页面中，肉眼区分不了的灰色，实际有好几个值，更别说其它的样式了。
3.没有自动化构建工具。现在的 css,js 连压缩没有，就直接发线上了。实际上我已经向版本库中提交了 gulpfile ，也都已经配置好了，但是没人配合。

当然还有很多问题，完全就是一团乱麻，公司对前端不重视，我也没啥话语权，改变不了什么，说的我都想辞职了。

Bootstrap

页面

设计稿

样式

34 条回复 • 2016-05-29 02:04:30 +08:00

sitelogin

2016-05-28 10:06:13 +08:00

bootstrap 适合不会设计的人用，而且只适合简单的页面有设计和复杂的页面不要用 bootstrap

Neo

2016-05-28 10:11:59 +08:00

你是什么职位呢？要吵还得吵

ChefIsAwesome

2016-05-28 10:24:17 +08:00 via Android

前端太 low 。要么你走要么他走

lyog

2016-05-28 10:30:58 +08:00

设计稿都出来了，就不要用 bootsrrap 了，用 bootsrrap 纯属是因为没有专门的设计师，自己设计太抠脚。

Vamwere

2016-05-28 11:01:28 +08:00

用 bootstrap 和设计根本就不冲突，要么你自己水平不行，要么设计不行

gdtv

2016-05-28 11:05:11 +08:00

关键问题是他只做页面中的一部分，那么整个前端原来的工程师去哪了？让他和原来的前端工程吵架去。
这种多人合作做前端的方式，做 bootstrap 也未尝不可。

learnshare

2016-05-28 11:07:25 +08:00

有设计稿一般不用 Bootstrap 的

vizards

2016-05-28 11:20:08 +08:00 via Android

有设计稿一般不用 bootstrap ，感觉用了写起来更麻烦。。

SaintSeiya

2016-05-28 11:21:20 +08:00

@sitelogin
@lyog
@learnshare 我也是这么觉得的

SaintSeiya

2016-05-28 11:21:39 +08:00

@Neo 我也是前端

SaintSeiya

2016-05-28 11:24:14 +08:00

@ChefIsAwesome 还不至于，主要是没有统一大局的人

Clarencep

2016-05-28 11:32:37 +08:00

最好是公司整理出一套 UI 组件库，设计师设计的时候也是直接设计组件，然后拼组件成页面

ferrum

2016-05-28 12:15:06 +08:00

我在项目里也喜欢用 bootstrap ，大或小的，整个 grid 架构用起来很方便。

用 bootstrap 也不一定是因为没有设计稿，在响应式设计里，用 bootstrap 可以省很多事。

如果你有设计稿的话，那么 bootstrap 源码里的 mixins 文件夹下会有很多合适用的东西，例如自定义按钮的 button-variant ，这些虽然要手写都可以，但很多时候，考虑的不会那么周全。比如不是很多人会去定义 button::disabled 的样式。

bootstrap 是个很好的框架，它大而全，虽然大多数时候，我们并不需要全部的东西。但如果你把完整的 bootstrap.css 作为第一个 css 文件引入，然后根据设计稿，写新的 css 覆盖掉一些样式，就不会遇到冲突的问题：事实上，我很好奇怎么会发生冲突的。

loading

2016-05-28 12:20:16 +08:00 via Android

跑个分！

murmur

2016-05-28 12:20:53 +08:00

我跟你说前端那么多设计风格用户角度来看 bootstrap 是最丑的尤其是那个按钮
管理后台用起来是最方便也是稍微那么不难看的。。

bibizhang

2016-05-28 12:26:10 +08:00

不是还有很多别的吗

SaintSeiya

2016-05-28 12:41:08 +08:00

@ferrum 学习了。

Wenwei

2016-05-28 12:51:58 +08:00 via iPhone

有设计的情况下没必要用 bootstrap ，不然总有一些样式需要重置，还有挺多样式用不到。管理后台用 bootstrap 是因为没设计师设计，方便弄，也不至于那么丑，哈哈哈。

tank

2016-05-28 13:07:55 +08:00

用 bootstrap 是为了方便页面响应的话可以介绍它用一些更轻量的栅栏系统，例如 http://960.gs http://flexboxgrid.com http://onepcssgrid.mattimling.com
控件方面也不应该自己引入 UI 库，要用第三方 UI 库的话网站初期就应该定好，所有页面公用一套。。

shoaly

2016-05-28 13:11:16 +08:00

最后谁能做出设计页面的样子听谁的, 他引入 bootstrap 让他切出来吧

boro

2016-05-28 13:46:34 +08:00 via iPhone

如果项目在设计前就把规划做好，相信就不会有这样的问题了。

yocoso

2016-05-28 13:48:59 +08:00

不是说 bootstrap 是给做后端的人用的嘛，呵呵。

不管有没有设计稿，前端都不应该用 bootstrap ，自己写一个适合自己网站的 bootstrap 又不困难，还更轻便。

fen

2016-05-28 15:02:38 +08:00

建议设计和开发共同遵循 bootstrap 的 grid 、 button 等原则，省时省力。

cxbig

2016-05-28 15:20:24 +08:00

我们公司前端负责人有自己一套 style 库，会像 bootstrap 那样自动生成 doc ，设计那边直接加载这个库做排版， class 怎么用参考文档就行了。
如果说你们公司有这样的东西，设计不用就是他们的问题。
如果你们没有这样的基础库，那就是前端的问题了。

LXVC

2016-05-28 15:24:02 +08:00

Bootstrap 不是让你直接用的，是让你覆盖它的 Less 或者 Sass 源文件以达到定制的目的。有冲突，说明你们前端不会用

master

2016-05-28 15:42:42 +08:00

感觉这是多人协作一个页面不说统一的 style 库就连统一的 Normalize 都没有

jinsongzhao

2016-05-28 17:24:43 +08:00 via Android

很显然，双方有一个精通的，就什么事都没有了。谁学会了耐心，谁最后搞定对方，谁的成长就多一些。

shuangchun

2016-05-28 19:24:14 +08:00

显然你们设计师，前端都不懂。

imcxy

2016-05-28 19:55:28 +08:00

你真会用 bootstrap 么
你同事真会用 bootstrap 么

2 个不懂得吵得天翻地覆。

shisaq

2016-05-28 20:34:20 +08:00

@tank 感谢分享，果然好轻量（清凉）！

Felldeadbird

2016-05-28 21:30:54 +08:00

引入 bootstrap 是为了方便某些常用的调用。如果按钮。
我见过太多太多太多太多前端，连个复用的按钮都不会写。页面都是定死 div 去写按钮。

wizardforcel

2016-05-28 21:57:08 +08:00

如果项目已经有自己的库了，不要用 bootstrap ，会覆盖。

但是如果没有，程序员用 bootstrap 的效果，绝对比你设计师没有模式的手写 css 要强一百倍。

css 库虽然没有明文的公认模式（或者说没人总结），但是大多数 css 库都是 bootstrap 这种设计，大多数公司也在用。你非要手写，东写一个西写一个迟早会乱。

SaintSeiya

2016-05-28 22:00:02 +08:00

@imcxy 不算很懂，只看过部分源码

spider82

2016-05-29 02:04:30 +08:00

看项目进度，如果时间紧迫就 Bootstrap 吧。除非有经验丰富的设计和美工，不然字号、颜色、边距比例估计都会失去美感，公司没有那些成本就直接改 bootstrap 的 CSS 来的经济些。看起来贵司更看重用户交互逻辑以及功能超过界面美感本身，你自己也可能无法改变，所以不如就 let it go ，想想乔布斯在第一次演示 IPHONE 的时候，里面也隐藏的一大堆 BUG ，每家公司都为了赶上市场大潮竭尽全力，很多事情相信不是不想做，而是牵一发而动全身，或是需要更多的时间和经费才能实现。