Bootstrap vertikalen Platz aus den Zeilen des Thumbnails entfernen

Question

Ich versuche, den vertikalen Abstand zwischen den Zeilen eines Thumbnails zu entfernen, wie ich es für diese horizontale, aber ohne Erfolg getan habe.

.gutter-0.row { 
    margin-right: 0; 
    margin-left: 0; 
    /* not working */ 
    margin-top: 0; 
    margin-bottom: 0; 
} 
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] { 
    padding-right: 0; 
    padding-left: 0; 
    /* not working */ 
    padding-top: 0; 
    padding-bottom: 0; 
} 

HTML

<div class="row gutter-0"> 
     <div class="col-md-4"> 
      <div class="thumbnail"> 
       <img src="http://placehold.it/200x200" alt=""> 
      </div> 
     </div> 
     <div class="col-md-4"> 
      <div class="thumbnail"> 
       <img src="http://placehold.it/200x200" alt=""> 
      </div> 
     </div> 
     <div class="col-md-4"> 
      <div class="thumbnail"> 
       <img src="http://placehold.it/200x200" alt=""> 
      </div> 
     </div> 
    </div> 
    <div class="row gutter-0"> 
     <div class="col-md-4"> 
      <div class="thumbnail"> 
       <img src="http://placehold.it/200x200" alt=""> 
      </div> 
     </div> 
     <div class="col-md-4 col-sm-4"> 
      <div class="thumbnail"> 
       <img src="http://placehold.it/200x200" alt=""> 
      </div> 
     </div> 
     <div class="col-md-4 col-sm-4"> 
      <div class="thumbnail"> 
       <img src="http://placehold.it/200x200" alt=""> 
      </div> 
     </div> 

    </div> 

Bootply

Wie könnte ich tun? Vielen Dank

Answer 1

Es gibt einen Rand unten in den "Miniatur" -Klassen.

Fügen Sie einfach diese zu Ihrem CSS, es zu entfernen:

.thumbnail { 
    margin-bottom: 0; 
} 

Bootply

Answer 2

.thumbnail hat 20px unteren Rand. Entweder es zurücksetzen oder den folgenden Stil verwenden.

.thumbnail{ 
    display: table-cell; 
} 

http://www.bootply.com/hDnBumWAdZ