我正在使用Bootstrap 3.0 dist,我正在关注一些Bootstrap教程,试图了解它是如何工作的.我完成了教程中的所有操作(适用于v2,因此我将类更改为v3)并且我不使用任何自定义CSS或任何内容,并且在教程中,当您只是调整窗口大小时,图像会调整大小,但在我的保持不变并破坏一切.同样根据教程图像应保持在框内(3个图像)的中心.
我不想用块内容自动填充空间。我希望固定宽度块之间的间距相等，这也很灵活。
我能做到这一点通过增加padding-right: whatever;再增加另一个padding-right: 0;到.last块，但这是非常原始的，不适合移动设备。
我的代码：https : //jsfiddle.net/9twy5drd/1/
.container {
width: 100%;
border: 1px solid red;
text-align: center;
padding: 5px 0;
}
.container .block {
display: inline-block;
border: 1px solid green;
padding: 10px;
}
.container2 {
width: auto;
border: 1px solid red;
padding: 5px;
}
.container2 .block {
display: inline-block;
border: 1px solid green;
padding: 10px;
margin: 0 47px 0 0;
}
.container2 .block.last {
margin: 0;
}<div class="container">
<div class="block">Some block</div>
<div …