感谢您看一下我的问题：我正在尝试创建两个具有.row类的框，它们都位于.container-fluid包装中。每当我这样做时，右边都会有一个怪异的空间，我不知道这是否是引导程序增加的边距，但是据我了解，.container-fluid应该是全屏显示吗？
两个盒子是黄色和白色，容器流体是粉红色/洋红色。
码：
<div class="container-fluid">
<div class="row" style="background-color: #EFF3CD; width:100%; height:350px;"></div>
<div class="row" style="background-color: #FFF; width:100%; height:350px;"></div>
</div>
对于为什么会这样的任何见解将是伟大的，并高度赞赏！
最佳答案
正如@Tom所建议的那样，作为包的一部分，行元素的宽度是“确定”（通过CSS）的。因此，当人们将宽度显式设置为100％时，它们就会违反引导程序的工作。玫瑰行比蓝色要宽30像素。我相信即使没有引导Javascript，这也是正确的，但出于完整性考虑，我添加了它。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<div class="container-fluid">
<div class="row" style="background-color: aliceblue; width:100%; height:50px;"></div>
<div class="row" style="background-color: mistyrose; height:50px;"></div>
<div class="row" style="background-color: aliceblue; width:100%; height:50px;"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>关于html - 为什么在 bootstrap 中使用.row和.container-fluid会发生这种情况？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38446814/