我想知道哪种方法是最好的方式，使用Bootstrap 3 RC2在CSS的这3张图像之间放置空格，因为即使我在#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;
}
检查我的小提琴以获得更清晰的视图。是否有更好的方法来处理此问题？
删除您自己的CSS .col-lg-4：这些边距可能会破坏Bootstrap CSS。紧接着，这些列仅在您的屏幕宽度大于1200 px时可见。
将以下类添加到您的div中：.col-xs-4 .col-sm-4和.col-md-4，并为images提供一个class="img-responsive"属性。
它现在应该可以正常工作了。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句