Bootstrap & jumbotron układ strony

Question

Cześć, moja strona wygląda tak.

i problem ma taki jak wyrównać w pionie te jumbotron tak żeby lewa strona i prawa (logowanie) były równe w pionie (chodzi o tą szarą część)

tak wygląda obecnie mój kod.

<div class="container-fluid">
	<hr>
	<div class="row">
		<div class="col-xs-12 col-md-8">
			<div class="jumbotron">
				<h1>Cześć</h1> 
				<p  class="text-muted">Ciekawy tekst</p>
				<button class="btn btn-danger" data-toggle="collapse" data-target="#demo">Kliknij</button>
			</div>
		</div>
		<div class="col-xs-12 col-md-4" >
		<div class="jumbotron">
			<h3>Panel logowania</h3>
			<form>
				<div class="form-group">
					<label for="user">Użytkownik:</label>
					<input type="text" class="form-control" id="user">
				</div>
				<div class="form-group">
					<label for="pwd">Hasło:</label>
					<input type="password" class="form-control" id="pwd">
				</div>
				<button type="submit" class="btn btn-default">Zaloguj</button>
			</form>
		</div>
		</div>
	</div>
</div>

 

Answer 1

Wielkość elementów określa się w pliku styli , którego ty tutaj nie zamieściłeś tak czy inaczej daj takie same wysokości do obu elementów i powinno być dobrze

T

Comments

ok, a wiesz jak te  jumbotron wyśrodkować w PIONIE na stronie ? próbowałem coś w CSS ale mi nie wychodzi.

---

nie wiem co tam już zrobiłeś , może coś takiego 

        display:table-cell;
        vertical-align:middle;