引导表:网格系统-如何在不同的行和同一列中放置宽度的图像

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>

将网格划分为两个部分，第一部分是数据部分，第二部分是图像部分.