<body>
<div class="container">
<div class="row">
<div class="col-xs-12" style="background-color:red;">
dfsasfssssssssssssssssssssssssssssssssssssssssssssss
</div>
</div>
</div>
</body>
这可能是非常明显的事情，但我认为 bootstrap 列随内容垂直扩展。我的没有。
额外的问题:bootstrap 是否总是默认行为缩进“container”——我该如何避免这种情况？
最佳答案
这是 bootstrap 的正常行为，因为 col-*-* 设置了 float:left，所以你需要使用 word-wrap:break-word，因为您的文本中没有空格。
为了避免您提到的缩进( Bootstrap 添加到.container 的默认padding)，您可以通过set 重置.container {padding:0}
.col-xs-12 {
background:red; /* demo */
word-wrap: break-word
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
<div class="row">
<div class="col-xs-12">
dfsasfssssssssssssssssssssssssssssssssssssssssssssssdfsasfssssssssssssssssssssssssssssssssssssssssssssssdfsasfssssssssssssssssssssssssssssssssssssssssssssssdfsasfssssssssssssssssssssssssssssssssssssssssssssssdfsasfssssssssssssssssssssssssssssssssssssssssssssssdfsasfssssssssssssssssssssssssssssssssssssssssssssssdfsasfssssssssssssssssssssssssssssssssssssssssssssssdfsasfssssssssssssssssssssssssssssssssssssssssssssssdfsasfssssssssssssssssssssssssssssssssssssssssssssssdfsasfssssssssssssssssssssssssssssssssssssssssssssssdfsasfssssssssssssssssssssssssssssssssssssssssssssss
</div>
</div>
</div>关于html - Bootstrap Column 没有垂直扩展，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39474265/