问 2 个小白问题:响应式框架大家都用哪些?

[yunmoxue]

更详细点的:

之前简单用过bootstrap,觉得固定12个网格太死板,不灵活.
[1.我的看法对吗?]


今天看到pure,觉得不错
[2.除了bootstrap,你们一般用哪个框架开发,还是直接手写?]


谢谢..

[gangsta]

1.栅格系统是默认最多将页面分为12列,而不是你理解的"固定12个网格"
个人觉得使用起来挺"灵活"的...

建议细读下文档:
http://getbootstrap.com/css/#grid
http://getbootstrap.com/css/#responsive-utilities

2.页面特别简单的时候都是自己写的
最简单的方式就是把针对移动设备优化后的样式塞到媒体查询里面
单页面或者blog之类的足以应付:

http://gist.github.com/50339cdfa3512522959b

推荐这篇文章:
http://www.jiawin.com/response-type-layout-design/

iOS设备的Media Queries:
http://stephen.io/mediaqueries

[crysislinux]

要不要试试Singularity
https://github.com/Team-Sass/Singularity

[chloerei]

看看别人怎么用 bootstrap 的 http://expo.getbootstrap.com/

[icyflash]

fundation

[yunmoxue]

@gangsta
谢谢您的回复,我的疑惑在于
如果一行有7个div块需要均匀分布,用bootstrap该如何实现?
<div class="row">
<div class=".col-md-1"></div>
<div class=".col-md-1"></div>
<div class=".col-md-1"></div>
<div class=".col-md-1"></div>
<div class=".col-md-1"></div>
<div class=".col-md-1"></div>
<div class=".col-md-1"></div>
</div>
======================================
刚刚试了试pure, 引用下pure-responsive-min.css就能实现了.
http://purecss.io/grids/#using-grids-with-custom-fonts
<div class="pure-g">
<div class=".col-md-1-7"></div>
<div class=".col-md-1-7"></div>
<div class=".col-md-1-7"></div>
<div class=".col-md-1-7"></div>
<div class=".col-md-1-7"></div>
<div class=".col-md-1-7"></div>
<div class=".col-md-1-7"></div>
</div>
======================================
又看来下bootstrap的文档,有个container-fluid,无奈不知道肿么用...



@crysislinux
@chloerei
@icyflash 谢谢你们的回复.就准备用pure/bootstrap, 现在想具体请教下bootstrap具体用法.

[yunmoxue]

@gangsta
又看了下,我弄错了,不好意思.
之所以pure可以显示正常是因为我用了
http://yui.github.io/gridbuilder/ pure的网格生成器.
------
最新版的0.5.0在首页也可以自定义总列数.
可以实现. 1-7.
谢谢