这是一个创建于 3753 天前的主题，其中的信息可能已经有所发展或是发生改变。
Rt：Web前端框架Bootstrap与Uikit的选择or自建？
开始的时候图方便，使用bootstrap做前端框架（Dist），
逐渐的因为需要问题，下载LESS/SASS文件修改变量来实现自定义。
而现在的这个问题出现的原因是看到了UIKIT，故而有这样的考虑，拿出来讨论一下。
>Bootstrap：
Bootstrap的便捷不言而喻，但凡对前端有所接触的人基本都知道，但个性化定制则需要修改源文件：
// Core variables and mixins
@import "bootstrap/variables";
@import "bootstrap/mixins";
有时候有特殊需要，还要改navbar.scss等等，每次去修改源码，这种方式始终不是自己比较喜欢的。
>>Bootstrap的使用：
1.下载源码（scss/less）
2.修改配置（variables）
3.修改样式（*.less/*.scss）
4.生成样式
>Uikit：
Uikit的使用同上有类似之处（Dist），但是自定义的方式就明显不一样了。（dist不在讨论范围内~）
>>Uikit的使用：
1.下载源码（github上整个项目下载了吧~）
2.自建主题（theme/custom/theme-name
3.配置样式（辅助theme/default/下的内容，然后自定义）
4.添加样式（uikit.less 中 @import “*.less”）
5.grunt
此时会在theme/custom/theme-name生成自己主题文件，html中调用即可。
>>优势：不修改源码，重用，同一份源码（不改动源码，只添加主题），可以生成多套样式。
>讨论
说到底，使用前端框架的最根本原因，是可以便捷生成响应式页面，使用一些通用的模块（nav..）
两种方式各有千秋，bootstrap的自定义，基于站点或者主题时候，显然没有关系，uikit的优势上面也有说到，怎么选择，是根据自己的需求。
这里也不算是提问吧，主要是想看看大家的看法~
开始的时候图方便，使用bootstrap做前端框架（Dist），
逐渐的因为需要问题，下载LESS/SASS文件修改变量来实现自定义。
而现在的这个问题出现的原因是看到了UIKIT，故而有这样的考虑，拿出来讨论一下。
>Bootstrap：
Bootstrap的便捷不言而喻，但凡对前端有所接触的人基本都知道，但个性化定制则需要修改源文件：
// Core variables and mixins
@import "bootstrap/variables";
@import "bootstrap/mixins";
有时候有特殊需要，还要改navbar.scss等等，每次去修改源码，这种方式始终不是自己比较喜欢的。
>>Bootstrap的使用：
1.下载源码（scss/less）
2.修改配置（variables）
3.修改样式（*.less/*.scss）
4.生成样式
>Uikit：
Uikit的使用同上有类似之处（Dist），但是自定义的方式就明显不一样了。（dist不在讨论范围内~）
>>Uikit的使用：
1.下载源码（github上整个项目下载了吧~）
2.自建主题（theme/custom/theme-name
3.配置样式（辅助theme/default/下的内容，然后自定义）
4.添加样式（uikit.less 中 @import “*.less”）
5.grunt
此时会在theme/custom/theme-name生成自己主题文件，html中调用即可。
>>优势：不修改源码，重用，同一份源码（不改动源码，只添加主题），可以生成多套样式。
>讨论
说到底，使用前端框架的最根本原因，是可以便捷生成响应式页面，使用一些通用的模块（nav..）
两种方式各有千秋，bootstrap的自定义，基于站点或者主题时候，显然没有关系，uikit的优势上面也有说到，怎么选择，是根据自己的需求。
这里也不算是提问吧，主要是想看看大家的看法~
 |
1
chon 2014-08-07 13:41:44 +08:00
bootstrap也不一定要修改源码吧，自己重新写个CSS覆盖相应的class就行了。
|
 |
2
hellojinjie 2014-08-07 13:46:12 +08:00
第一次看到 UIkit。。
果然好牛，，感觉就是 boostrap + jquery-ui |
 |
3
scarlex 2014-08-07 14:06:49 +08:00
我习惯全部自己写...
|
 |
4
jacob 2014-08-07 14:09:32 +08:00
如果什么都自己写还要框架做什么？？，我很好奇
|
 |
8
thonatos OP @hellojinjie 是什么不要紧吧，关键是如果便于使用，毕竟造轮子这种事，不做还是不错的。
|
 |
9
66beta 2014-08-07 15:39:52 +08:00  1
小项目用框架，可以节省2/3的时间～
|
 |
11
hdlifes 2014-08-07 16:47:54 +08:00 1
在用twbs，保持通用的组件结构不变，个性化的都用单独的样式去覆盖或者在原有基础上增强。修改的部分主要是已声明的变量。
楼主说的“4.添加样式（uikit.less 中 @import “*.less”）”，这个也是在 default 的基础上复制再覆盖而来的各个组件吧？ |
 |
12
jsonline 2014-08-07 16:49:18 +08:00 1
I hate Bootstrap.
|
 |
13
Yien 2014-08-07 17:24:32 +08:00 via iPhone
make
|
 |
14
explon 2014-08-07 17:32:09 +08:00
性化定制要改源码? 你来 wenda.wecenter.com 看看吧
|
 |
15
lygmqkl 2014-08-07 17:34:05 +08:00 1
bootstrap + backbone, I always use it.
|
 |
16
qq5775548 2014-08-07 20:26:52 +08:00 1
我用的是LESS，一般 bootstrap + lesshat 自定义编写样式覆盖就OK鸟 表示完全没鸭梨
|
Select Language