添加一个 <div class="thumbnail">..</div> [关闭]答案

【问题标题】：Add a <div class="thumbnail">..</div> [closed]添加一个 <div class="thumbnail">..</div> [关闭]
【发布时间】：2015-10-24 01:43:21
【问题描述】：

这是我的代码的一部分。

<div class="row">
          <div class="col-md-4">
            <div class="thumbnail">
              <img src="http://goo.gl/0sX3jq">
            </div>  

            <div class="thumbnail">
              <img src="http://goo.gl/an2HXY">   
            </div>

          <div class="col-md-4">
            <div class="thumbnail">
              <img src="http://goo.gl/Av1pac">
              </div>
              <div class="thumbnail">
              <img src="http://goo.gl/vw43v1">
            </div>
          </div>  

          <div class="col-md-4">
            <div class="thumbnail">
              <img src="http://goo.gl/0Kd7UO">
          </div>
        </div>        
  </div>

我不断收到此错误。 (title)

这是来自 codeaccademy 的教程。说明：

1.在第二个 .. 列内，添加两个缩略图。第一张图片使用“http://goo.gl/Av1pac”，第二张图片使用“http://goo.gl/vw43v1”。

2.在第三列中，只添加一个缩略图。图片使用“http://goo.gl/0Kd7UO”。

3.在预览窗口中，点击“全屏”按钮查看效果。

【问题讨论】：

你还没有关闭第一个具有col-md-4类的div

标签： css html twitter-bootstrap thumbnails

【解决方案1】：

您的第一个 div (.col-md-4) 没有关闭，也许这就是问题所在？（在 .thumbnail div 之后）。

【讨论】：

【解决方案2】：

<div class="row">
      <div class="col-md-4">
        <div class="thumbnail">
          <img src="http://goo.gl/0sX3jq">
        </div>  

        <div class="thumbnail">
          <img src="http://goo.gl/an2HXY">   
        </div>
     </div>  <!-- add this to close the first col-md-4 -->

【讨论】：

【解决方案3】：

这是修改后的代码

    <div class="row">
      <div class="col-md-4">
        <div class="thumbnail">
          <img src="http://goo.gl/0sX3jq">
        </div>  

        <div class="thumbnail">
          <img src="http://goo.gl/an2HXY">   
        </div>
      </div>

      <div class="col-md-4">
        <div class="thumbnail">
          <img src="http://goo.gl/Av1pac">
          </div>
          <div class="thumbnail">
          <img src="http://goo.gl/vw43v1">
        </div>
      </div>  

      <div class="col-md-4">
        <div class="thumbnail">
          <img src="http://goo.gl/0Kd7UO">
      </div>
    </div>

基本上第一个“col-md-4”分类的 div 没有关闭，这就是您收到错误的原因。

【讨论】：