bootsrap的疑问
- 在大屏幕下,为什么.container的宽度是1170px,而里面的.row竟然是1200px?
- 我发现.row是左右的margin各是-15px,这是什么写法啊为什么这么写,有什么好处么?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(2)
.container的实际宽度其实是1200px,因为左右两边各有15px的padding。这样做的目的是为了使里面的内容不至于直接贴边。
而.row的宽度是1200px,正向你说的,他两边各有-15px的margin,这样就把.container的padding给补回来了。这样做的目的是为了里面的栅栏布局考虑。
为了使row的内容跟其它部分对齐:
如果row设置了左右-15px的左右margin,row里面的每个column都可以统一有15px的左右padding;但是如果row没有设置-15px的左右margin,那么第一个column的左padding就要为0,同时最后一个column的右padding也要为0.这样对于响应布局就会更麻烦一点。
不知道,回帖关注。