css bloków inline i wyjściowy system ładowania początkowego

Question

Próbuję mieć określony znacznik HTML moich div przy użyciu css i bootstrap 3.2. Poniższy obrazek pokazuje wynik, który chcę uzyskać.

Użyłem systemu siatki początkowej, aby moja strona była responsywna i poprawnie wyświetlana na urządzeniach z małym ekranem. To jest kod, którego próbowałem. I użyłem http://www.bootply.com, aby przetestować to.

Jakieś pomysły dotyczące pobierania znaczników?

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

pożądany wynik:

EDIT: Wynik uzyskać:

Answer 1

I've created a Bootply for you.

<div class="container"> 
    <div class="row"> 

     <div class="col-md-3"> 
      <div class="img"> 
       <img src=""> 
      </div> 
     </div> 

     <div class="col-md-9"> 
      <div class="row"> 
      <div class="col-md-8"> 
       This is the product name 
      </div> 
      <div class="col-md-4"> 
       1 230.99 
      </div> 
      </div> 

      <div class="row"> 
      <div class="col-md-6"> 
       Property 1 
      </div> 
      <div class="col-md-6"> 
       Property 2 
      </div> 
      </div> 
     </div> 

    </div> 
</div>