关于bootstrap“断点划分”和“栅格宽度”的一些疑问
刚入前端，公司的新项目中打算引入bootstrap框架，最近学习bootstrap的时候，在栅格部分遇到了一些问题：
下图是bootstrap原生的栅格参数
如果不修改到设计那里像素不完整，有什么好的解决方案？
如果自己修改会不会造成更多的问题？
展开
收起
1
条回答
写回答
写回答
-
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框架也没问题
2019-07-17 19:16:15赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
