Bootstrap 3.3 中不需要的填充和边距
Unwanted padding and margin in Bootstrap 3.3
我使用 Bootstrap 3.3 进行简单布局，我的布局方式是：
对于正文，html：
html,body{
background: #fff;
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
然后在每个子部分我有以下代码：
.section-name{
height:100%;
}
以便每个部分占据给定设备屏幕尺寸的 100%。现在我不知道为什么，但每个部分之间的差距很大，请参见下面的屏幕截图：
注意各部分之间的空隙，这是另一个屏幕截图：
现在我使用 Mozilla 和 Chrome 中的开发工具，检查是否有任何过多的填充或边距问题，但发现 none。
然后我检查了是不是因为我 html 中的空格，去掉了空格，仍然不是问题。
我也取消了所有 Bootstrap CDN，只是为了检查它是否是 Bootstrap 问题，不，它不是，即使在我写的自定义 CSS 中也是如此，同样的问题仍然存在。
我什至尝试过：
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
即使这样也不会取消填充
编辑
最好能提供一个fiddle，但有时我需要做一些事情：
也尝试检查以上级别的元素。
此外，您使用的是超大屏幕吗？如果是这样，它会添加一个 top/bottom 48px 的填充（通过媒体查询），看看它。 Bootstrap 默认情况下有许多 类 添加不需要的填充和边距。
我想我已经找到了解决方案，你的 .section 名称中有一个 h2，顶部边距为 20px，
这里是jsfiddle
.section-title {margin-top:0px;}
我使用 Bootstrap 3.3 进行简单布局，我的布局方式是：
对于正文，html：
html,body{
background: #fff;
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
然后在每个子部分我有以下代码：
.section-name{
height:100%;
}
以便每个部分占据给定设备屏幕尺寸的 100%。现在我不知道为什么，但每个部分之间的差距很大，请参见下面的屏幕截图：
注意各部分之间的空隙，这是另一个屏幕截图：
现在我使用 Mozilla 和 Chrome 中的开发工具，检查是否有任何过多的填充或边距问题，但发现 none。
然后我检查了是不是因为我 html 中的空格，去掉了空格，仍然不是问题。
我也取消了所有 Bootstrap CDN，只是为了检查它是否是 Bootstrap 问题，不，它不是，即使在我写的自定义 CSS 中也是如此，同样的问题仍然存在。
我什至尝试过：
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
即使这样也不会取消填充
编辑
最好能提供一个fiddle，但有时我需要做一些事情：
也尝试检查以上级别的元素。
此外，您使用的是超大屏幕吗？如果是这样，它会添加一个 top/bottom 48px 的填充（通过媒体查询），看看它。 Bootstrap 默认情况下有许多 类 添加不需要的填充和边距。
我想我已经找到了解决方案，你的 .section 名称中有一个 h2，顶部边距为 20px，
这里是jsfiddle
.section-title {margin-top:0px;}