Css 引导站点中Div右侧的微小空白

Css 引导站点中Div右侧的微小空白,css,html,twitter-bootstrap,Css,Html,Twitter Bootstrap,我有一个问题,尽管我似乎已经将所有内容都设置为全宽样式(0边距、容器流体等),但在引导站点中我的行右侧仍然存在一点空白 我开始从我的网站上剥离元素,以便尽可能简单地了解问题所在。我现在只关注头部内容、容器流体和行,但问题仍然存在 html,主体,.container流体{ 身高:100%; 宽度:100%; 保证金:0; 填充:0; } .家{ 宽度:100%; 身高:100%; 背景图像:url(“../images/background3.jpeg”); 垫面:10%; 垫底:10%; 背

我有一个问题,尽管我似乎已经将所有内容都设置为全宽样式(0边距、容器流体等),但在引导站点中我的行右侧仍然存在一点空白

我开始从我的网站上剥离元素,以便尽可能简单地了解问题所在。我现在只关注头部内容、容器流体和行,但问题仍然存在

html,主体,.container流体{
身高:100%;
宽度:100%;
保证金:0;
填充:0;
}
.家{
宽度:100%;
身高:100%;
背景图像:url(“../images/background3.jpeg”);
垫面:10%;
垫底:10%;
背景尺寸:封面;
}

现代商业-启动引导模板

边距:0
添加到.home类以覆盖引导默认边距:

如果您检查.row,您将注意到一些默认的边距

另外,您可能还可以为100%宽度的容器使用另一个boostrap类

html, body, .container-fluid {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}

.home {
width: 100%;
height: 100%;
padding-top: 10%;
padding-bottom: 10%;
background-size: cover;
box-sizing: border-box;
}
使用“宽度”和“高度”100%时,默认设置是将边框等添加到宽度中。添加框大小:边框框;不管怎样,你的积木都是100%

更多信息请点击此处:


行类的默认边距会导致此问题

编辑
.home
类的css,如下所示:

.home{
  width:100%;
  margin:0;
  padding:0;
}

对于任何元素,最好将
边距设置为0;填充:0开始编写css的那一刻。你可以随时添加边距和填充物,但这不会给你带来这样的问题。

PS:用上述方法测试;没有间隙。不,框大小在这种情况下不起作用:请自行查看:元素有两个类-默认引导。行添加边距。顺便说一句,框大小:边框框是引导默认CSS的一部分。。。所以,不需要添加它。我明白了:我没有加载引导程序,因为那个恶意软件永远不会出现在我们的任何服务器上。我想你是对的。哈哈,我不得不同意你的看法这是如此臃肿,过度使用的框架这些天。。。实际上(有时)造成的问题比解决的问题还多…:)本质上也难以接近。所以,除非你喜欢罚款,否则要不惜一切代价避免。但是到这里来。:)