bootsrap的疑问

发布于 2022-09-01 06:39:00 字数 124 浏览 19 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

琴流音 2022-09-08 06:39:00

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

迷路的信 2022-09-08 06:39:00

不知道,回帖关注。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文