Bootstrap - galeria zdjęć nie działa

Question

Cześć,

Galeria mi się krzaczy. Próbowałem float:left w klasie thumbnail.

<div class="container">

        <!-- Marketing Icons Section -->
        <div class="row">

          <div class="col-lg-12">

            <h3>Galeria zdjęć</h3>

          </div>

          <div class="col-lg-3 col-md-4 col-sm-6">
            <a href="img/1.jpg" class="thumbnail">
              <img src="img/1.jpg"/>
            </a>
          </div>

          <div class="col-lg-3 col-md-4 col-sm-6">
            <a href="img/2.jpg" class="thumbnail">
              <img src="img/2.jpg"/>
            </a>
          </div>

          <div class="col-lg-3 col-md-4 col-sm-6">
            <a href="img/3.jpg" class="thumbnail">
              <img src="img/3.jpg"/>
            </a>
          </div>

          <div class="col-lg-3 col-md-4 col-sm-6">
            <a href="img/4.jpg" class="thumbnail">
              <img src="img/4.jpg"/>
            </a>
          </div>

          <div class="col-lg-3 col-md-4 col-sm-6">
            <a href="img/5.jpg" class="thumbnail">
              <img src="img/5.jpg"/>
            </a>
          </div>

          <div class="col-lg-3 col-md-4 col-sm-6">
            <a href="img/6.jpg" class="thumbnail">
              <img src="img/6.jpg"/>
            </a>
          </div>

          <div class="col-lg-3 col-md-4 col-sm-6">
            <a href="img/7.jpg" class="thumbnail">
              <img src="img/7.jpg"/>
            </a>
          </div>

        </div>

 

Answer 1

Spróbuj dać tym obrazkom w cssie

img {
  max-width: 100%;
}

 

A co do klas bootstrapa, nie wiem i nie jestem pewien, ale nadawaj im zgodnie z szerokością, czyli:

class="col-sm-6 col-md-4 col-lg-3"

 

Comments

W css jest przy img jest ta wartość nawet z !important, bo nie mogłem w innej zakładce tego naprawić. A to drugie na pewno nie, tu jest poradnik bootstrap https://www.youtube.com/watch?v=2-tHexxFixA :)

---

wrzuć ten kodzik na codepen, zobaczy się.