This topic created in 4329 days ago, the information mentioned may be changed or developed.
更详细点的:
之前简单用过bootstrap,觉得固定12个网格太死板,不灵活.
[1.我的看法对吗?]
今天看到pure,觉得不错
[2.除了bootstrap,你们一般用哪个框架开发,还是直接手写?]
谢谢..
之前简单用过bootstrap,觉得固定12个网格太死板,不灵活.
[1.我的看法对吗?]
今天看到pure,觉得不错
[2.除了bootstrap,你们一般用哪个框架开发,还是直接手写?]
谢谢..
 | 1 gangsta Jun 23, 2014  1 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 |
 | 2 crysislinux Jun 23, 2014 1 要不要试试Singularity https://github.com/Team-Sass/Singularity |
 | 3 chloerei Jun 23, 2014 1 看看别人怎么用 bootstrap 的 http://expo.getbootstrap.com/ |
 | 4 icyflash Jun 23, 2014 via Android fundation |
 | 5 yunmoxue OP @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具体用法. |
| 6 yunmoxue OP @gangsta 又看了下,我弄错了,不好意思. 之所以pure可以显示正常是因为我用了 http://yui.github.io/gridbuilder/ pure的网格生成器. ------ 最新版的0.5.0在首页也可以自定义总列数. 可以实现. 1-7. 谢谢 |
Select Language