Reduce the gutter (default 30px) on smaller devices in Bootstrap3?
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: In bootstrap 3 the gutter is defined as 30px (15px on each side of a column). The issue I'm running is that, for example if I shrink my screen down to be tiny, the gutters end up being wider than the columns themselves, as seen below (darker blue = column, lighter blue = gutter). Can you modify the gutter width of certain resolution states? (mobile, tablet, etc) 回答1: The gutter is construct by a left and right padding, you could use media queries to change this depending on your screen size: /* Small devices (tablets, 768px and up) */ @media