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)

这是codeaccademy的教程。说明：

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

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

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

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”-classed div没有关闭，这就是你得到错误的原因。

添加<div class =“thumbnail”> .. </div>

3 个答案: