css inline-blocks et bootstrap système de grille de sortie

Je suis en train de faire un HTML balisage de mes divs à l'aide de css et bootstrap 3.2. L'image ci-dessous montre le résultat que je veux obtenir.

J'ai utilisé le bootstrap système de grille, de sorte que ma page serait bien adaptés et affiché dans le petit écran des appareils. C'est le code que j'ai essayé. Et j'ai utilisé http://www.bootply.com pour le tester.

Toutes les idées comment obtenir le balisage ?

<div>
  <div style="display:inline-block; border:1px solid gray; width:150px; height:150px;">
    <img src='' alt="image go here !"/>
  </div>

  <div class="container-fluid" style="display:inline-block;">
    <div class="row" style="border:1px solid gray;">
      <div class="col-md-9">This is the product name</div>
      <div class="col-md-3 text-right">1 230.99</div>
    </div>

    <div class="row" style="display:inline-block; border:1px solid gray;">
      <div class="col-md-6">Property 1</div>
      <div class="col-md-6">Property 2</div>
    </div>
  </div>
</div>

Le résultat souhaité :
css inline-blocks et bootstrap système de grille de sortie

EDIT : Le résultat que j'obtiens :
css inline-blocks et bootstrap système de grille de sortie

InformationsquelleAutor SidAhmed | 2014-10-18