Bootstrap mx-auto ortalama yapma

sezaialkan
Sezai Alkan Frontend Developer

Bootstrap mx-auto İle Ortalama Yapma, Bootstrap Kütüphanesi İçerisinden Bir Nesneyi Veya Nesne İçerisindeki Elemanlarının Pozisyonlarını Orta Hale Getirmek İçin Birden Çok Sınıf Vardır. text-center , float-center , align-center Vs. Gibi Birde mx-auto Sınıfı İle Ortalama Vardır. Bununla İster Bir Menüyü Satır(row) İçersinde İster Bir Veya Birden Fazla Sütunu Satır İçersinde Ortalaya Biliriz.

Aşağıdaki Örnekte Bir Sütunu, Satır İçersinde Nasıl Ortalayabiliriz Bunu Göstermektedir.

<div class="container">     
	<div class="row">         
		<div class="col-md-4 mx-auto">                      
		</div>     
	</div> 
</div>

Yukarıdaki Örnekte 4 Sütun Genişliğindeki Divimizi Ekran İçerisinde Ortalaması İçin mx-auto Sınıfını Atadık.
Aşağıdaki Örnektede Bir NavBar Ortalaması Bulunmaktadır.

<div class="container">     
	<div class="row">         
		<nav class="navbar navbar-expand-lg mx-auto">             
			<ul class="navbar-nav">                 
				<li class="nav-item">                     
					<a class="nav-link" href="#">Ana Sayfa</a>                 
				</li>                 
				<li class="nav-item">                     
					<a class="nav-link" href="#">Menü</a>                 
				</li>             
			</ul>         
		</nav>     
	</div>
</div>

Eğer mx-auto Sınıfını row Sınıfının Altında Çağırmazsanız mx-auto Sınıfı Çalışmayacaktır

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol