tolgacelik.net
Tüm yazılar
·1 dk

Site Görünümünü Zenginleştirmek "Bootstrap Kullanımı"

(/blog-media/site-gorunumunu-zenginlestirmek-bootstrap-kullanimi/bootstrap.png) Merhaba arkadaşlar bugün sizlere sitenizin görünümünü zenginleştirmenizi sağlayacak özelliklerin bulunduğu "Bootstrap" h

bootstrapbootstrap-kullanimidesigndinamik-web-sitesi-olusturmatasarimweb-designweb-sitesiweb-tasarim

bootstrap Merhaba arkadaşlar bugün sizlere sitenizin görünümünü zenginleştirmenizi sağlayacak özelliklerin bulunduğu "Bootstrap" hakkında bilgi vermeye çalışacağım. Bootstrap, ücretsiz ve açıkkaynak kodlu bir CSS tasarım aracıdır. Bootstrap ile masaüstü bilgisayarlar, telefonlar ve tabletler için cihaz büyüklüğüne uygun temalar tasarlayabilirsiniz. Site tasarımında gereken tüm elementleri (form ögeleri, etiketler, tablolar, uyarı ve bilgi metinleri, navigasyon bar, sayfalandırma modülü, açılan menüler, farklı özellikte butonlar gibi bir çok tasarım ögesini) içinde barındıran Bootstrap tasarım yaparken bu hazır elementleri kolayca kullanmanızı sağlar. Çok basit ve pratik bir şekilde hazır olan bu elementleri sitenizde kullanabilir, şık ve etkileyici temalar oluşturabilirsiniz. Stiller ve javascript özellikleri sisteme monte edilmiştir, bunları yalnızca kullanacağınız yere çağırmanız gerekmektedir. Bootstrap ile Yapabilecekleriniz Site tasarımında gereken tüm elementleri barındıran Bootstrap ile bir siteyi komple tasarlamanız mümkündür. Tipografik ögeler, tablolar, imajlar, slider, carousel, modal pencereler, butonlar, dropdown menüler, navigasyon bar, sayfalandırma, etiketler, thumbnaili uyarı ve bilgilendirme balonları, yükleme barları gibi bir çok tasarım ögesi sistemde hazır olarak bulunur. Bunları basit bir şekilde kopyala/yapıştır yaparak tasarımınızı yapabilirsiniz. Bootstrap'ta bulunan bazı element görselleri: bootstrap1 bootstrap2 bootstrap4 bootstrap5 bootstrap6bootstrap7 Bootstrap'ı Nasıl Kullanacağız? Tasarımınıza istediğiniz her elementi kopyala/yapıştır şeklinde basit bir şekilde ekleyebiliyorsunuz. Bu ögeleri "getbootstrap.com" adresinde bulabilirsiniz. Bootstrap sistemine buradaki tüm elementler tanımlıdır. Ama bu elementleri kullanabilmeniz için sitenize bu kütüphaneyi referans etmeniz gerekmektedir.Bunu yapmanın 2 yolu vardır. Bunların 1.si "bootstrapcdn.com" adresinde bulunan CSS ve Js kodlarının bulunduğu dosyaların linklerini sitenizin "header" bölümüne kopyalamaktır. 2.si ise "Bootstrap" kütüphanesini indirip "header" bölümüne dosyadan çağırmaktır. "Bootstrap" kütüphanesini "getbootstrap.com" adresinden indirebilirsiniz. Soru ve önerilerinizi yorum olarak ya da e-mail göndererek iletebilirsiniz, teşekkürler.

PaylaşLinkedInX
Bir sonraki yazı doğrudan kutuna düşsün

Distributed sistemler, üretim stabilitesi, AI destekli geliştirme üzerine uzun yazılar. Spam yok, çıkmak kolay.

Sadece e-posta. Bu sunucuda saklanır. Hiçbir yerde paylaşılmaz, satılmaz.

Yorumlar

Henüz yorum yok. İlk yorumu sen bırak.

Yorum bırak

Hiçbir yerde gösterilmez. Sadece gerekirse cevap vermek için.