2016-10-07 93 views
0

我想在窗口模式中顯示產品的信息和圖像,但我不知道要使用它的圖像大的是網格的各行。Bootstrap-table:網格系統 - 如何將圖像與寬度放在不同的行和同一列中

我的代碼是:

<div class="row"> 
        <div class="row"> 
         <div class="col-md-6 descFields impFields"> 
          CODI 
         </div> 
         <div class="col-md-6 .offset-md5"> 
          <img class='img-modal' src='prod/images/nofoto.jpg'> 
         </div> 
        </div> 

        <div class="row"> 
         <div class="col-md-6 descFields impFields"> 
          EDICIÓ 
         </div> 
         <div class="col-md-6"> 

         </div> 
        </div> 

        <div class="row"> 
         <div class="col-md-6 descFields impFields"> 
          PÀGINA 
         </div> 
         <div class="col-md-6"> 

         </div> 
        </div> 

        <div class="row"> 
         <div class="col-md-6 descFields impFields"> 
          MODIF. 
         </div> 
         <div class="col-md-6"> 

         </div> 
        </div> 

        <div class="row"> 
         <div class="col-md-6 descFields impFields"> 
          USER 
         </div> 
         <div class="col-md-6"> 

         </div> 
        </div> 
</div> 

enter image description here

我想,所有的列都在同一距離:

enter image description here

我試圖使用偏移參數和子參數但它不工作:(

回答

0

你可以重寫你的代碼結構。在2節第一部分數據和第二圖像

  <div class="row"> 
       <div class="col-md-6"> 
        <div class="row"> 
        <div class="col-md-12 descFields impFields"> 
         CODI 
        </div> 
        <div class="col-md-12 descFields impFields"> 
         EDICIÓ 
        </div> 
        <div class="col-md-12 descFields impFields"> 
         PÀGINA 
        </div> 
        <div class="col-md-12 descFields impFields"> 
         MODIF. 
        </div> 
        <div class="col-md-12 descFields impFields"> 
         USER 
        </div> 
        </div> 
       </div> 
       <div class="col-md-6"> 
        <img class='img-modal' src='prod/images/nofoto.jpg'> 
       </div> 
      </div> 

劃分網格...

+0

僅供參考 - 你刪除OP的佔位符值的字段。 –

+0

oops ..只需將左塊分割爲2塊col-md-6,即col-md-6用於標籤,而col-md-6用於數據段 –

+0

@Anil Kumar Ram,非常感謝:)這很容易! – ruzD

相關問題