Wyśrodkowanie elementów w pionie z bottstrap

Question

Witam mam problem z wyśrodkowaniem elementów w pionie w przypadku gdy używam siatki bottstrapa.

Mam taki kod:

<div class="row">
		<div class="col-lg-6 box">
			<h3>Zaloguj się jako user.</h3>
			
			<br /><br />
			<div class="form-grup">
				<label from="userLogin" class="col-sm-2 control-label">Login:</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="userLogin" />
				</div>
			</div>
			<br /><br />
			<div class="form-grup">
				<label from="userLogin" class="col-sm-2 control-label">Login:</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="userLogin" />
				</div>
			</div>
			
		</div>
		<div class="col-lg-6 box">
			<h3>Zaloguj się jako administrator.</h3>
			
			<br /><br />
			<div class="form-grup">
				<label from="userLogin" class="col-sm-2 control-label">Login:</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="userLogin" />
				</div>
			</div>
			<br /><br />
			<div class="form-grup">
				<label from="userLogin" class="col-sm-2 control-label">Login:</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="userLogin" />
				</div>
			</div>
		</div>
	</div>

Próbowałem to zrobić za pomocą metody opisanej na tej stronie: http://webkod.pl/kurs-css/lekcje/dzial-4/css-wysrodkowanie-tekstu-w-pionie, ale jeśli mam to napisane za pomocą bottstrapa nie chce mi tego wyśrodkować. 

Ma ktoś jakiś pomysł jak temu zaradzić?

Answer 1

W Bootstrap można nadpisywać style, a więc w pliku css, dodaj dla tego diva, to wyśrodkowanie

Answer 2

Zadbaj o to aby plik z Twoim kodem CSS był dodawany do strony po stylu bootstrapa. Kolejność ma znaczenie!

Comments

Tak dodałem go po bootstrapie. Tylko ten przykład na tej stronie co podałem środkuje tekst względem elementu w którym się znajduje, a ja chciałem wyśrodkować względem okna przeglądarki :/

---

Jeśli chcesz wyśrodkować text względem okna przeglądarki to zrób sobie diva content z position relative, w nim miej całą stronę. Od razu w contecie dodaj diva z position absolute i top:50%;

---

Nie mogę tego ogarnąć. Jeśli dodaje takie wartości css to całość mi się rozsypuje.

Chciałem uzyskać efekt podobny do tego na tej stronie:

 http://kuvi.pl/

Tak jak tu jest tekst i przyciski są na środku okna i wraz ze zmianą wysokości okna zmienia się ich położenie.

Answer 3

Hmm ten przykład chyba nie jest do końca dobry bo on środkuje tekst w elemencie w którym się znajduje, a ja chcę ten div row wyśrodkować względem okna przeglądarki. Wie ktoś może jak to uczynić?