bootstrap image gallery

See more:

CSS

bootstrap

Hi,

I try to make an image gallery, like this:

<div id="tabs-2">


    <link href="~/Content/ShowMoreImages.css" rel="stylesheet" />


    @foreach (var item in Model.LolaBikePhotos)
    {
        @model  ContosoUniversity.Models.UserProfile
        <div class="container">
            <ul class="row">

                <li class="col-lg-4 col-md-2 col-sm-3 col-xs-4"><img src="/Images/profile/@item.ImagePath" alt="" height=150 width=200 /></li>
            </ul>
        </div>
    }




</div>

But the problem is now that all the images are in a row under each other, and not horizontal alligned, like a matrix.

Thank you