Класс миниатюр Twitter Bootstrap не работает

Question

Я следую учебному пособию для YelpCampround!Я на версии v1 и полный код приложения здесь:

YelpCamp Version1 1

Даже копирование и вставка исходного кода:

<% include partials/header %>
 <div class="container">
     <header class="jumbotron">
         <div class="container">
             <h1>Welcome To YelpCamp!</h1>
             <p>View our hand-picked campgrounds from all over the world</p>
             <p>
                <a class="btn btn-primary btn-large" href="/campgrounds/new">Add New Campground</a>
             </p>
         </div>
     </header>

     <div class="row text-center" style="display:flex; flex-wrap: wrap;">
        <% campgrounds.forEach(function(campground){ %>
            <div class="col-md-3 col-sm-6">
                <div class="thumbnail">
                   <img src="<%= campground.image %>">
                   <div class="caption">
                       <h4><%= campground.name %></h4>
                   </div>
                </div>
            </div>
        <% }); %>
    </div>
</div>

<% include partials/footer %>

Класс "миниатюры" не работает, я вижу изображения вместе, как это:

Что не так?Нужно ли использовать более старую версию Bootstrap?Используя 4.1.3 сейчас

Answer 1

попробуйте img-thumbnail см. Getbootstrap.com/docs/4.1/content/images/#image-thumbnails.