Zastanawiam się, jaki jest najlepszy sposób na wstawienie spacji między tymi trzema obrazami za pomocą CSS przy użyciu Bootstrap 3 RC2, ponieważ to, co w tej chwili zrobiłem, nie powoduje automatycznej zmiany rozmiaru obrazów, mimo że ustawiłem szerokość na auto#picture tag id. Życzę im, aby odpowiednio wstawili i zmienili rozmiar obrazów.

Oto mój znacznik:

<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;
}

Sprawdź mójSkrzypce dla wyraźniejszego widoku. Czy jest lepszy sposób radzenia sobie z tym?