bootsrap的疑问

  1. 在大屏幕下,为什么.container的宽度是1170px,而里面的.row竟然是1200px?
  2. 我发现.row是左右的margin各是-15px,这是什么写法啊为什么这么写,有什么好处么?
阅读 3.2k
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.这样对于响应布局就会更麻烦一点。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
1 篇内容引用