Boostrap - wyśrodkowanie 3 obrazków

rusiano

2013-10-12T21:10:25+02:00

Rejestracja: dni
Ostatnio: dni
Postów: 45

Mam problem z wyśrodkowaniem 3 obrazków.

Kod elementów:

Kopiuj


          <div class="row">
                
              <div class="span4">
                <img src="http://dummyimage.com/170x170/000/fff" alt="04" class="thumbnail">
                <p>Lorem ipsum dolor.</p>
              </div><!-- /span4 -->

              <div class="span4">
                <img src="http://dummyimage.com/170x170/000/fff" alt="05" class="thumbnail">
                <p>Lorem ipsum dolor.</p>
              </div><!-- /span4 -->

              <div class="span4">
                <img src="http://dummyimage.com/170x170/000/fff" alt="06" class="thumbnail">
                <p>Lorem ipsum dolor.</p>
              </div><!-- /span4 -->

</div><!-- /row -->

Chciałbym aby te elementy, były wyśrodkowane, bo obecnie wygląda to tak: http://img94.imageshack.us/img94/998/rur0.png

dzek69

2013-10-12T23:21:51+02:00

Rejestracja: dni
Ostatnio: dni
Lokalizacja: Rzeszów

Kopiuj

.row, .span4 { display: inline-block; }
.row { text-align: center; }
.span4 { text-align: left; }

i wyeliminuj jakiekolwiek znaki między zamknięciem poprzedniego div.span4 a otwarciem następnego, bo inaczej zrobi Ci się pomiędzy nimi spacja (ok 3px odstępu)

Liczba odpowiedzi na stronę

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.

Utwórz konto