Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Wyśrodkowanie w bootstrapie.
Forum PHP.pl > Forum > Przedszkole
Gruchol
Witam,
Chciałbym aby ta wyszukiwarka:



została wyśrodkowana.

Aktualnie mam to zrobione tak:
  1. <div class="col-lg-6 col-lg-offset-2">
  2. <div class="input-group">
  3. <input type="text" class="form-control" placeholder="Search for...">
  4. <span class="input-group-btn">
  5. <button class="btn btn-default" type="button">Go!</button>
  6. </span>
  7. </div><!-- /input-group -->
  8. </div><!-- /.col-lg-6 -->
  9. </div><!-- /.row -->


jednak nie jest to dokładnie na środku strony.

Co zrobić aby wyszukiwarka znalazła się idealnie na środku ?
Pozdrawiam.
lukaskolista
  1. <div class="row">
  2. <div class="col-md-2 col-md-offset-5"></div>
  3. </div>

Źródło: http://stackoverflow.com/a/18153551

PS wyszukiwarka Twoim przyjacielem
Gruchol
Wiem, zrobiłem przecież podobnie.
Nie mogę ogarnąć jak zrobić tak aby to wyśrodkować bez zmiany szerokości tego pola.
Nie ważne jak kombinuje to i tak jest źle.
lukaskolista
We wspomnianym przeze mnie poście są 2 sposoby, sprawdź ten drugi.
Gruchol
Próbowałem i w żadnym wypadku nie mogę tego idealnie wyśrodkować.
djjbenus
Spróbuj wykorzystać te dwie klasy "text-center" lub "pagination-centered" dla diva w którym jest ten input.
Dejmien_85
A jak nic nie da rady, wtedy zrób wrappera (diva w którym to wszystko będzie), daj mu "margin: 0 auto" i będzie po sprawie.
djjbenus
Ma juz dwa divy. Jeden niech ma 100% szerokości, a drugi maksymalną szerokość tego inputa i ten margin o którym mówisz.
lukaskolista
Nie ma tam przypadkiem jakiegoś paddingu albo marginu? Z tego co kojarzę, to elementy formularza w bootstrapie mają którąś z tych właściwości jak nie obie.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.