0
loswerden Ich versuche, zusätzlichen Leerraum in einem img-thumbnail loszuwerden. Ich habe padding in bootstrap.css angepasst, aber nichts hat sich geändert! Wie kann ich es zwingen, diesen großen Raum zu entfernen?Weißraum in thumbnail
bootstrap.css
.img-thumbnail {
display: inline-block;
max-width: 100%;
padding: 3px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
Ansicht Seite
<% @store.products.each_with_index do |product,index| %>
<div class="col-sm-4">
<div class="img-thumbnail">
<%= link_to image_tag(root_url + "/images/" + product.filename, size: "200x150", alt: product.filename), product %>
<div class="caption">
<h4 class="pull-right">$ <%= product.price %></h4>
<h4><%= product.name %></h4>
<div id="star-img">
<% if current_user != product.store.user %>
<%= rating_for product, "overall", :enable_half => false,:disable_after_rate => false %>
<% end %>
</div>
</div>
</div>
</div>
<%end %>
ein Screenshot http://postimg.org/image/4ih2jd481/ wie kann ich Polsterung verringern als auch zwischen den einzelnen Miniaturansicht. Ich habe versucht, das Padding rechts hinzuzufügen und eine niedrige Anzahl von Pixeln zu setzen, es würde auch nicht funktionieren.
Haben Sie wirklich brauchen col-sm-4? Warum nicht einfach den col-sm-4 entfernen und vertikal-align: top für .img-thumbnail hinzufügen? – Giri
Sie haben Recht! als ich es gelöscht habe, habe ich den Platz dazwischen losgeworden, aber mein einziges Problem, an dem ich gerade arbeite, ist das Verringern des Leerraums innerhalb des Miniaturbildes. – A1X