[CSS][HTML]Wyśrodkowanie w bootstrapie. Opcje

[Gruchol]

Witam,
Chciałbym aby ta wyszukiwarka:



została wyśrodkowana.

Aktualnie mam to zrobione tak:

[HTML] pobierz, plaintext 
<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">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
    </div><!-- /input-group -->
  </div><!-- /.col-lg-6 -->
</div><!-- /.row -->
[HTML] pobierz, plaintext 

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

Co zrobić aby wyszukiwarka znalazła się idealnie na środku ?
Pozdrawiam.

[lukaskolista]

[HTML] pobierz, plaintext 
<div class="row">
    <div class="col-md-2 col-md-offset-5"></div>
</div>
[HTML] pobierz, plaintext 

Ź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.

Ten post edytował lukaskolista 28.01.2016, 20:45:54

[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.