Son Yazılar
Anasayfa » Yazılım » HTML/CSS

HTML/CSS

Bootstrap JavaScript Çalışmıyor

bootstrap

Bootstrap kullananların başına gelmiştir diye tahmin ediyorum. Script ve Style dosyalarını eklememize ve çağırma kodlarını doğru yazmamıza rağmen JavaScript ile çalışan Carousel, Modal, Popover, Tooltip veya diğer bileşenler çalışmaz. Bunu nedeni Bootstrap’ taki JavaScript dosyalarının çağrılma sırasıdır. Yani kodlarımız aşağıdaki sırayla çağrılıyor olabilir. Düzeltmek için ise bu iki sırayı değiştirmek yeterli olacaktır.   Devamını Oku »

Bootstrap ile Veritabanı Bağlantısı ve İşlemleri Nasıl Yapılır?

bootstrap

Bootstrap’ ı kullanmaya yeni başlayanların takıldığı bir nokta olabilir diye düşünüyorum. Şöyle ki özellikle Visual Studio’ da Asp.Net Web Form yapısında kodlama yaparken html, css kodlarını .aspx sayfasına yazarken veritabanı kodlarını .aspx.cs sayfasına yazarız. Bu durumda .aspx.cs sayfasında kodlama yaparken Bootstrap nesnelerinin bu sayfada kullanılamadığını görürüz. Peki nasıl kullanırız. İşte çözümü: Senaryo Bootstrap ile oluşturulan Ad Soyad, E-Posta, Konu ve Mesaj ... Devamını Oku »

Bootstrap Izgara Mantığı

bootstrap

Bu yazımda Twitter’ ın çıkardığı arayüz geliştirmeyi kolaylaştıran Bootstrap’ ın ızgara sistemi mantığından bahsedeceğim. İşin temelinde çözünürlük farketmeksizin ekranın 12 parçaya bölünmesi mantığı var. Ekranı 12 parçaya bölme kısmında kullandığımız 4 adet CSS sınıfı(class) mevcut. Bunlar; xs, sm, md, lg. Şimdi bu sınıfların anlamlarına bakalım. Aşağıdaki tabloda hangi sınıfın hangi çözünürlüğü kapsadığı bilgisini bulabilirsiniz. xs sm md lg Örnek Cihaz Cep Telefonları Tabletler Bilgisayarlar Bilgisayarlar ... Devamını Oku »

Bootstrap Bağlantı Kodlarını Siteye Ekleme

bootstrap

Bootstrap bağlantı kodlarını siteye eklemenin 2 yolu var.Bunlardan birincisi ilgili Css,js ve font klasörlerindeki dosyaların projeye Local olarak eklemek yani site üzerinden gerekli dosyaları indirerek bağlantı kodlarını yazmak. Bir diğeri ise Bootstrap sitesinden alacağımız kodları direkt olarak sitemizde ilgili yerlere yerleştirmek. 2 yolu da size anlatmaya çalışacağım. 1.Yol(Local Olarak Eklemek) Öncelikle getbootstrap.com sitesine gidiyoruz. Getting Started sayfasını açıyoruz. Açılan sayfada biraz ... Devamını Oku »