Добавьте <div class = «thumbnail»> .. </ div>

0

Это часть моего кода.

<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. В окне предварительного просмотра нажмите кнопку "Полный экран", чтобы увидеть результаты.

  • 3
    Вы не закрыли первый div с классом col-md-4
  • 1
    Спасибо, исправлено!
Теги:
thumbnails

3 ответа

0
Лучший ответ

Вот скорректированный код

    <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 не закрыт, и именно по этой причине вы получаете ошибку.

2

ваш первый div (.col-md-4) не закрыт, может быть, это проблема? (после div.thumbnail).

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню