Hazır Site Kodları Web Siteniz İçin Hazır Site Kodları

  • Onur YURT
  • iletisim@hazirsitekodlari.com
  • 57

    Makale

  • 3

    Yorum

  • 8

    Kategori

Webmaster adına tüm bilgi ve paylaşım platformudur.

Senin Kodun

Ana Sayfa / Bootstrap / Bootstrap Nedir?

Bootstrap | 11 Mayıs 2020 | 0 | 339
Bootstrap Nedir?

Bootstrap yeni moda Web sitelerinin vazgeçilmezi olan ve neredeyse tüm Web sitesi ihtiyaçlarınıza çözüm bulabileceğiniz gelişmiş bir HTMLCSS ve Java Script kütüphanesidir. Bootstrap Nedir? Açık kaynak kodlu HTMLCSS framework olan geliştirilmeye açık bir yazılımdır.

Bootstrap ile tüm dünyanın kullandığı mobil cihazlara da tek bir Web sitesi yaparak mobil uyum da gösterebilirsiniz. Ayrıca Bootstrap’in geniş kütüphanesi sayesinde sadece mobil cihazlara değil tablet ve diğer cihazlara da geliştirme yapabileceğinizi rahatlıkla söyleyebilirim.

Web sitenizi bir genel geçer ve tüm dünyanın kullandığı şablon içinde mobil ve tablet uyumlu yapmak istiyorsanız mutlaka Bootstrap kullanmalısınız. Oldukça basit ve sade kullanımı ile sizlere büyük bir kolaylık yaşatacaktır.

Bootstrapin eşsiz mimarisinden sizlere bahsetmek istiyorum;

  • Web sitesinden ücretsiz olarak indirebilirsiniz. (Bootstrap Paketini İndir)
  • İndirilen Bootstrap paketi sadece 264 KB olmasınla birlikte içerisinde bir çok özelliği taşır.
  • Dosyayı açtığınızda içerisinde css ve js klasörleri vardır.
  • Bootstrap Css Klasörünün altında;
    • bootstrap.css
    • bootstrap.css.map
    • bootstrap.min.css
    • bootstrap.min.css.map
    • bootstrap-grid.css
    • bootstrap-grid.css.map
    • bootstrap-grid.min.css
    • bootstrap-grid.min.css.map
    • bootstrap-reboot.css
    • bootstrap-reboot.css.map
    • bootstrap-reboot.min.css
    • bootstrap-reboot.min.css.map
  • Bootstrap Js Klasörünün altında;
    • bootstrap.js
    • bootstrap.min.js
  • Sistematik 12 parçalı şablonu ile web sitenizi geliştirirken size yardımcı olmaktadır.

Bootstrap Nasıl Kullanılır?

Bootstrap yazılımını kullanmanın bir çok yolu vardır. Zaman içinde kullanmaya başladıkça sizde kendi yöntemlerinizi geliştireceğinize eminim ve web sitesi yaparken kendi hazır şablonlardan kullandığınız zaman size hem profesyonellik hemde zaman açısından artı değer kattığını göreceksiniz.

Şimdi sıra geldi Bootstrap yazılımının Web sitemizde nasıl kullanılacağı.

  • Bootstrap web siteni bir ortalı container içinde 12 parça halinde görmektedir.
  • Web sitesini yaparken “.container” veya “.container-fluid” classlarının içerisinde kullanılmalıdır.
    • Örnek: <div class=”container“>…</div> veya <div class=”container-fluid“>…</div>
  • Web sitenizin her hangi bir bölümünü 12 parça olarak kabul edin. Bir bölümü sürekli 12 parça halinde düşünüp parçalara ayırmanız gerekir.
    • Örneğin haberleri 3’er 3’er göstereceksiniz ekranda yan yana 3 tane haber olacak şekilde listelenecek. Bunun için “<div class=”col-lg-4“>…</div>” tekrarlanacak şekilde yazmanız gerekir.
    • 2’şey 2’şey olacak gösterilmesini istediğimiz bir alanda <div class=”col-lg-6“>…</div> olarak kullanmamız gerekmektedir.

Aşağıda Bootstrap şemasını ızgaralı şeklide belirtiyorum indirebilir veya inceleyebilirsiniz.

 

Bootstrap Kullanım Örneği

BENZER KONULAR

Bootstrap Örnek Şablonlar
Bootstrap Örnek Şablonlar DEVAMI
  • 5 Haziran 2020 | 0 | 527
Bootstrap | Kategorisine Ait Yazıların Daha Fazlası...

KONU HAKKINDA (Yorum Yapılmamış) | SENDE YORUM YAP DESTEK OL!

Yazı hakkında görüşlerinizi belirtmek istermisiniz?

BEN KİMİM?

Onur YURT

Web Developer And Coder

Merhaba arkadaşlar Adım Onur YÜRT Bursada doğdum ve yaşıyorum 2009 yılından itibaren web hayatına adım attım ve şuanda bulunduğum sayfayı açtım amaçım sizlere birşeyler öğretmek ve kazandırmak Web tasarım konusunda kendimi yeterince geliştirdiğime inanıyorum bu bilgileri zamanla siz değerli takipçilerime sunmak yeterince bildiğim kodlama diller Css3, Html5, Javascript ve Php dir.

POPULER KONULAR

Hazır Site Kodları Web Siteniz İçin Hazır Site Kodları...