Gruchol
28.01.2016, 19:11:13
Witam,
Chciałbym aby ta wyszukiwarka:

została wyśrodkowana.
Aktualnie mam to zrobione tak:
<div class="col-lg-6 col-lg-offset-2"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> </div><!-- /input-group --> </div><!-- /.col-lg-6 -->
jednak nie jest to dokładnie na środku strony.
Co zrobić aby wyszukiwarka znalazła się idealnie na środku ?
Pozdrawiam.
lukaskolista
28.01.2016, 19:38:11
<div class="col-md-2 col-md-offset-5"></div>
Źródło:
http://stackoverflow.com/a/18153551PS wyszukiwarka Twoim przyjacielem
Gruchol
28.01.2016, 20:19:45
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
28.01.2016, 20:32:55
We wspomnianym przeze mnie poście są 2 sposoby, sprawdź ten drugi.
Gruchol
28.01.2016, 21:16:05
Próbowałem i w żadnym wypadku nie mogę tego idealnie wyśrodkować.
djjbenus
28.01.2016, 23:47:42
Spróbuj wykorzystać te dwie klasy "text-center" lub "pagination-centered" dla diva w którym jest ten input.
Dejmien_85
29.01.2016, 00:07:12
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
29.01.2016, 08:26:13
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
29.01.2016, 09:15:09
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.