引导3缩略图显示内容外缩略图

Question

我有一个问题，我的缩略图在启动3。

我在这个缩略图中有一个缩略图，我显示一个标题，图像和图像下面的两列，以列表形式显示内容。如下文所示；

​

​

但是，我的代码正在显示缩略图下面的列表，如这里所示；

​

​

我似乎无法将列表移到缩略图中，我也不知道为什么。

这是代码的问题

            <div class="col-md-4 col-sm-6">
                <div class="thumbnail">
                     <h4 align="center">Landscaping & Ground Work</h4>
                         <img src="/images/icons/garden.png" alt="Landscaping & Ground Work">

                         <div ="row">
                              <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                   <ul class="">
                                       <li>test</li>
                                       <li>test</li>
                                   </ul>
                              </div>
                              <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                   <ul class="">
                                       <li>test</li>
                                       <li>test</li>
                                   </ul>
                              </div>
                         </div>
                </div>
            </div>

事先非常感谢！

Answer 1

通过在关闭行div之后和关闭缩略图div之前添加<div style="display:block;clear:both"></div>。

和改变<div ="row"> to <div class="row">

<div class="col-md-4 col-sm-6">
                <div class="thumbnail">
                     <h4 align="center">Landscaping & Ground Work</h4>
                         <img src="/images/icons/garden.png" alt="Landscaping & Ground Work">

                         <div ="row">
                              <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                   <ul class="">
                                       <li>test</li>
                                       <li>test</li>
                                   </ul>
                              </div>
                              <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                   <ul class="">
                                       <li>test</li>
                                       <li>test</li>
                                   </ul>
                              </div>
                         </div>
                    <div style="display:block;clear:both"></div>
                </div>
            </div>