Oturum açma ekranı açıyorum ve bu ekranda sadece LOGIN ve PASSWORD ile bir kutu olacak. Dikey ve yatay olarak merkezileştirmem gerekiyor (geleneksel giriş ekranı gibi). Twitter'da bir kutu nasıl ortalanır Bootstrap
nasıl Heyecan Bootstrap ile bunu başarabilirsiniz
?Teşekkürler! Burada örneğe bakın
<div class="row">
<div class="span6 offset3">
Your content goes here
</div>
</div>
:
sonra Sütunlarınızı dengeleyebilir, önyükleme ızgara kullanıyorsanız http://twitter.github.com/bootstrap/scaffolding.html#gridSystem
Ya da sadece CSS basitçe merkez blok elemanı kullanabilirsiniz
div.login-box{
margin:0 auto;
width: 720px;
}
GÜNCELLEME: Bootstrap 3 için; Eğer ikinci bir yaklaşımla duyarlı davranışı elde edebilir,
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
Your content goes here
</div>
</div>
</div>
Ama:
ya: daha iyisi sözdizimi biraz farklıdır? – dennisbot
Farklı çözünürlükler için farklı genişliğini ayarlamak için basitçe çeşitli CSS medya sorgularını kullanabilirsiniz. Ya da örneğin genişlik yüzdesiyle deney yapabilirsiniz. % 70 – Johny
Bu seçenek soruya cevap vermez çünkü ilk seçenek bir ofset (gerçekten merkezlenmiş değil) ve ikinci seçenek Bootstrap kullanmıyor. – felwithe