css内联块和自举网格系统输出

Question

我正在尝试使用css和bootstrap 3.2对我的div进行特定的HTML标记。下面的图片展示了我想要得到的结果。

我已经使用了引导网格系统，以便我的页面能够响应并正确显示在小屏幕设备中。这是我试过的代码。我用http://www.bootply.com来测试它。

任何想法如何获得标记？

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

期望的结果：

编辑：结果我得到：

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>