84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
当有UI设计稿的时候,大家是如何去用bootstrap做响应式网站的?我感觉有UI的限制,很多bootstrap自己样式要覆盖掉,bootstrap里的col-xs/col-md等宽度和UI上的宽度不一样怎么办呢,如果修改了bs自带的宽度,是不是又会破坏bs栅格响应式布局呢?
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...
其他的宽度都好调整,唯独就是题主说的,栅格的宽度,其实还有container的宽度、Media queries的断点,需要自定义。
这些自定义的方法,可以去官网的customize页面,都有,或者自己写less或者sass,没有定义不了的东西。
ok?
不要怕破坏栅格系统,因为这个系统并不复杂。你把12个栅格改成16个也是可以的,比如你的设计稿,整个页面左侧区域占八分之五宽度,右侧占八分之三,你用12格的栅格肯定就不行了,你改成16格不就行了么。
尽可能的不要改原生的bootstrap.和设计有出入只是大小有出入吧要及时反馈给经理 和客户
其他的宽度都好调整,唯独就是题主说的,栅格的宽度,其实还有container的宽度、Media queries的断点,需要自定义。
这些自定义的方法,可以去官网的customize页面,都有,或者自己写less或者sass,没有定义不了的东西。
ok?
不要怕破坏栅格系统,因为这个系统并不复杂。你把12个栅格改成16个也是可以的,比如你的设计稿,整个页面左侧区域占八分之五宽度,右侧占八分之三,你用12格的栅格肯定就不行了,你改成16格不就行了么。
尽可能的不要改原生的bootstrap.
和设计有出入只是大小有出入吧
要及时反馈给经理 和客户