Ich frage mich, wie ich mit CSS mithilfe von Bootstrap 3 RC2 am besten Leerzeichen zwischen diesen 3 Bildern einfügen kann, da ich die Größe der Bilder derzeit nicht automatisch geändert habe, obwohl ich die Breite in meinem auf "Automatisch" gesetzt habe#picture ID-Tag. Ich wünsche, dass sie inline sind und die Bilder entsprechend skalieren.

Hier ist mein Markup:

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

Prüfe meinGeige für eine klarere Sicht. Gibt es einen besseren Weg, um damit umzugehen?