添加一个<div class="thumbnail">..</div>

Question

这是我的代码的一部分。

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

这是 codeacademy 的教程。说明：

1.Inside第二个..栏，添加两个缩略图。第二张图片使用“http://goo.gl/Av1pac" for the first image and "http://goo.gl/vw43v1”。

2.Inside第三栏，只加一张缩略图。图片使用“http://goo.gl/0Kd7UO”。

3.In预览window，点击"Full Screen"按钮查看结果。

Answer 1

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

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

Answer 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 没有关闭，这就是您收到错误的原因。

添加一个<div class="thumbnail">..</div>

Add a <div class="thumbnail">..</div>

html

css

thumbnails

twitter-bootstrap