#css #twitter-bootstrap #twitter-bootstrap-3 #bootstrap-modal
#css #twitter-bootstrap #twitter-bootstrap-3 #bootstrap-модальный
Вопрос:
Это мой код. Я использую express.js . это файл ejs. снимок кода ниже выглядит следующим образом
<%- 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-lg btn-primary" href="/campgrounds/new">Add new Campground </a>
</p>
</div>
</header>
<div class="row" 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>
<p>
<a href="/campgrounds/<%= campground._id %>" class="btn btn-primary">More Info</a>
</p>
</div>
</div>
<% }); %>
</div>
</div>
<%- include ("../partials/footer") %>
Я хочу настроить миниатюры так, чтобы они занимали пустые места между ними, поскольку это выглядит отвратительно. есть ли какой-нибудь способ сделать это с помощью bootstrap 3
(Я также отметил на изображении, пожалуйста, обратитесь к изображению)
Любая помощь приветствуется..
Ответ №1:
Какова высота этого самого большого миниатюры в строке?
Установите класс миниатюр такой высоты всегда
.thumbnail{
width:250px;
height:600px !important;
}