Bootstrap-table：网格系统 - 如何将具有宽度的图像放在不同的行和同一列中

Question

我想在窗口模式中显示产品的信息和图像，但我不知道将图像放大的是网格的各行。

我的代码是：

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

我希望所有列都在相同的距离：

我正在尝试使用偏移参数和子参数，但它不起作用：（

Answer 1

您可以重写代码结构..

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

将网格划分为2节第一节中的数据，第二节划分为图像...