相关疑难解决方法(0)

我正在使用Bootstrap 3.0 dist,我正在关注一些Bootstrap教程,试图了解它是如何工作的.我完成了教程中的所有操作(适用于v2,因此我将类更改为v3)并且我不使用任何自定义CSS或任何内容,并且在教程中,当您只是调整窗口大小时,图像会调整大小,但在我的保持不变并破坏一切.同样根据教程图像应保持在框内(3个图像)的中心.

我想知道哪个是用CSS使用Bootstrap 3 RC2在这三个图像之间放置空格的最佳方法,因为我现在所做的不是自动调整图像大小,即使我已经在我的#pictureid 中将宽度设置为auto 标签.我希望他们能够内联并相应调整图像大小.

这是我的标记:

<div class="container">
    <div class="row">
        <div class="col-lg-4">
            <img src="http://placehold.it/350x250" id="picture" />
        </div>
        <div class="col-lg-4">
            <img src="http://placehold.it/350x250" id="picture" />
        </div>
        <div class="col-lg-4">
            <img src="http://placehold.it/350x250" id="picture" />
        </div>
    </div>
</div>

CSS:

.container {
    max-width:1000px;
    background-color:white;
}
body {
    background-color:cyan
}
#picture {
    width:auto;
    /*margin-left:10px; */
    /*margin-right:10px; */
}
.col-lg-4 {
    margin-left:10px;
    margin-right:10px;
}

检查我的小提琴以获得更清晰的视图.有没有更好的方法来处理这个？