Bootstrap Hakkında Birkaç Soru

Merhaba arkadaşlar.
Bootstrap sayfasını inceliyorum ama bazı şeylerin çözümünü bulamıyorum.

1- Footer yapmaya çalışıyorum ama metni dikeyde ortalayamadım. Nasıl yapabilirim?

<!--- Footer --->
<div id="Footer">
	<nav class="navbar navbar-default" style="border-radius: 0">
	  <div class="container">
		<p class="text-center">&copy; Tüm Hakları Saklıdır</p>
	  </div>
	</nav>
</div>
<!--- # Footer # --->


2- Başlığı sola, butonu en sağa nasıl alırım?

<div class="panel panel-default">
	<div class="panel-body">
		<h4 style="margin:0!important; color: #07445d; font-size: 17px; font-family: century gothic;">
			<span class="glyphicon glyphicon-user" aria-hidden="true"></span>&nbsp;<b>Profil Ayarları</b>
		</h4>
		<a class="btn btn-primary btn-sm" href="index.php?git=dersler" role="button" style="display:inline-block; margin-top:15px;">Ayarlar</a>
	</div>
</div>


3- Header ve footer yaparken row yapısı ve grid yapısı kullanılmalı mıdır?
4- Ofset kullanırken illaki .col-md-offset-* şeklinde mi olmalı yoksa .col-lg-offset-* şeklinde de olabilir mi?
5- col-lg-7' yi ofset kullanarak ortalamak istiyorum. Ama ofset değerine 2 verince az geliyor 3 verince çok geliyor. Bunu tam olarak nasıl hizalarım. col-lg-8 e ofset 2 tam oluyor ama col 8 de çok büyük oluyor.
 

Bootstrap, grid yapısıyla ve bileşenleri ile işimizi kolaylaştırıyor. Her şeyi Boostrap'ten beklememek gerekiyor. Bazı özellikleri CSS kullanarak yapabiliriz.

1- Dikey ortalama için CSS kullanmalısın. Bu konu ile ilgili Fatih Hayrioğlu'nun derslerinden faydalanabilirsin.

2- Bootstrap'in hizalama sınıflarını kullanabilirsin. Örneğine gelecek olursak h4 elementine pull-left sınıfını, a elementinede pull-right özelliğini vermen gerekiyor. Bu işlemi yaptıktan sonra kodların muhtemelen aşağıdaki gibi olacaktır.

<div class="panel panel-default">
  <div class="panel-body">
    <h4 class="pull-left" style="margin:0!important; color: #07445d; font-size: 17px; font-family: century gothic;">
      <span class="glyphicon glyphicon-user" aria-hidden="true"></span>&nbsp;<b>Profil Ayarları</b>
    </h4>
    <a class="btn btn-primary btn-sm pull-right" href="index.php?git=dersler" role="button" style="display:inline-block; margin-top:15px;">Ayarlar</a>
  </div>
</div>

3- Header bölümünü oluştururken çoğunlukla navbar bileşenini kullanırım. Eğer header yapısı navbar bileşeninden daha farklı ise grid yapısını kullanırım.

4- Şimdi Bootstrap'te ekran versiyonları var. Bu ekran versiyonları xssmmdlg olmak üzere dört tanedir. Offset kullanırkende bu ekran versiyonlarından birini kullanman gerekiyor. Eğer col-xs-offset-* olarak kullanırsan, mobilden (xs) başlarayarak bir üst sürüme (col-md-offset-*) kadar o sınıf kullanılır.

5- Ortalamak istiyorsan çift haneli rakamlar kullanmak zorundasın. Eğer çift sayı kullandığın halde büyük oluyorsa bir önceki sınıfa container ya da container-fluid ekleyerek genişliği küçültebilirsin.

 

Cevaplarınız için teşekkür ederim. Projelerimizde bootstrap kullanırken reset.css de kullanmamız gerekiyor mu?

Rica ederim. Bootstrap zaten normalize.css kullanıyor. Reset.css gibi araçlar tarayıcının etiketlere ve diğer elemanlara verdiği ayarları sıfırlar. Bootsrap gibi kütüphaneleri kullanıyorsak, sıfırlama kodlarını kullanmaya gerek yoktur.

Sağ olun. Benim bir tablom var. Ama hücre büyüklüklerini ayarlamak istiyorum. Bunun için bootstrap da class var mı yoksa kendim stil mi vermeliyim?
Boostrap'te hücre boyutlarını ayarlayan bir sınıf bulamadım. O tarz şeyler için bir stil dosyası oluşturup, değişiklikleri orada yapabilirsin.

Tekrar merhaba. Çok soru soruyorum kusura bakmayın.
Aşağıdaki gibi bir yapım var. Ben bu yapıda iki adet row divi kullandım ve her bir iconun ızgarası col-lg-2 col-md-2 col-sm-2 col-xs-6 şeklinde. Bu durumda iki adet row divi mi kullanılmalı yoksa bir tane yeterli mi?

Bir tane kullanmak yeterli olur.

Teşekkürler.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git