Ułożenie divów w bootstrapie

Witam
Mam problem z rozłożeniem divów na mojej stronie, zdjęcie co chciałbym osiągnąć:

Mój kod:

<div class="well">
        <div class="pull-left"><img src="@Url.Content("~/Content/Images/" + element.ProductId + ".jpg")" class="img-thumbnail" height="100" width="100" /></div>
        <div class="pull-left">
            <span class="pull-left">@Html.Label(element.Name) @element.Category</span>
            <span class="pull-right">@element.Price.ToString("C")</span>
        </div>
        <div class="pull-right">
            <span class="pull-left">@element.Description</span>
            <span class="pull-right">@Html.ActionLink("Do koszyka", "AddToCart", "Cart", new { element.ProductId, returnUrl = Request.Url.PathAndQuery }, new { @class = "btn btn-default" })</span>
        </div>
    </div> 

Proszę o pomoc

Tworzysz siatke 3 kolumnowa wedlug szablonow na stronie bootstrapa.szukaj pod "grid layout"