首页 > bootsrap的疑问

bootsrap的疑问

  1. 在大屏幕下,为什么.container的宽度是1170px,而里面的.row竟然是1200px?
  2. 我发现.row是左右的margin各是-15px,这是什么写法啊为什么这么写,有什么好处么?

.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.这样对于响应布局就会更麻烦一点。


不知道,回帖关注。

【热门文章】
【热门文章】