2016-10-26 17:02发布
当有UI设计稿的时候，大家是如何去用bootstrap做响应式网站的？我感觉有UI的限制，很多bootstrap自己样式要覆盖掉，bootstrap里的col-xs/col-md等宽度和UI上的宽度不一样怎么办呢，如果修改了bs自带的宽度，是不是又会破坏bs栅格响应式布局呢？
其他的宽度都好调整，唯独就是题主说的，栅格的宽度，其实还有container的宽度、Media queries的断点，需要自定义。
不要怕破坏栅格系统，因为这个系统并不复杂。你把12个栅格改成16个也是可以的，比如你的设计稿，整个页面左侧区域占八分之五宽度，右侧占八分之三，你用12格的栅格肯定就不行了，你改成16格不就行了么。
ok？
尽可能的不要改原生的bootstrap.和设计有出入只是大小有出入吧要及时反馈给经理 和客户
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 古浪2007001 的问题《有UI设计稿还适合用bootstrap做响应式开发吗，感觉很麻烦呀！大家平时怎么写响应式的？》','https://wenda.whatsns.com/q-303168.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
付费偷看金额在0.1-10元之间
其他的宽度都好调整，唯独就是题主说的，栅格的宽度，其实还有container的宽度、Media queries的断点，需要自定义。
不要怕破坏栅格系统，因为这个系统并不复杂。你把12个栅格改成16个也是可以的，比如你的设计稿，整个页面左侧区域占八分之五宽度，右侧占八分之三，你用12格的栅格肯定就不行了，你改成16格不就行了么。
ok？
尽可能的不要改原生的bootstrap.
和设计有出入只是大小有出入吧
要及时反馈给经理 和客户
一周热门 更多>