84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
当有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.
和设计有出入只是大小有出入吧
要及时反馈给经理 和客户