Bootstrap mx-auto ortalama yapma

Sezai AlkanFrontend Developer

Php #mx-auto #bootstrap #html

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