关于bootstrap“断点划分”和“栅格宽度”的一些疑问-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

关于bootstrap“断点划分”和“栅格宽度”的一些疑问

a123456678 2016-03-26 14:59:05 3123

刚入前端,公司的新项目中打算引入bootstrap框架,最近学习bootstrap的时候,在栅格部分遇到了一些问题:
下图是bootstrap原生的栅格参数
screenshot
screenshot
如果不修改到设计那里像素不完整,有什么好的解决方案?
如果自己修改会不会造成更多的问题?

云服务器登录 云服务器设置
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:16:15

    bootstrap对很多的设计师来说确实是有抵触心理的,个人认为源头是目前国内多数设计师是“平面设计师”而不是“网页设计师”,对网页尤其是现代的响应式的网页其实并没有足够的理解。我个人的做法是大布局(比如大侧边栏的宽度)尽量精确(必要的话放弃grid布局),但局部看上去是n等分的就用grid,然后告诉设计师你的PSD画歪了,不平均,我实现成平均的了这样

    说回bs,断点的设定是参考主流屏幕的,1200和992对应1280和1024两种主流分辨率(需要扣除滚动条等),每grid的宽度是声明成百分比的,代码中并没有62.5px之类的数字,而是8.33% 16.66% 25%这样的百分比,也就是所谓的“流式布局”,也只有这样才能声明一组grid类适用于任意层级的嵌套

    至于自己修改参数,当然不会有任何问题,实际上bs是鼓励自定义参数的,响应式的边界,container尺寸,grid个数和间距等都可以自己调整。甚至可以直接摈弃bs的grid自己引入另一套grid框架也没问题

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

相似问题
最新问题
推荐课程