html-p-etiketi-html-paragraf

Html Sayfalarına Paragraf Ekleme – p Etiketi

Bu yazımızda Html sayfalarımızı tasarlarken en sık kullandığımız etiketlerden olan p etiketi kullanımına bakacağız. P etiketi, yazılarımızı paragraflara ayırmak için kullandığımız bir Html etiketidir. Kullanımını daha iyi anlayabilmek için örnek bir metni önce p etiketi …
bootstrap-popover

BOOTSTRAP 4 – POPOVER KULLANIMI

Bootstrap popover  da Bootstrap tooltip'lere benziyor. Bir Html öğesine tıklandığında istediğimiz metinlerin açılır kutuda görüntülenmesidir. Tooltip ile aralarındaki tek fark şudur; Popover'lar ile daha fazla içerik oluşturabiliyoruz. Örneğin metnin başlığı ve metnin içeriğini ayırabiliyoruz.
bootstrap-tooltip

BOOTSTRAP 4 – TOOLTIP (BOOTSTRAP ARAÇ İPUCU)

Bootstrap tooltip kullanarak çok kısa sürede sade ve şık araç ipuçları oluşturabiliriz. Tooltip, bir öğenin üzerine mouse ile gelindiğinde istediğimiz bilgilerin açılır bir kutu ile gösterilmesi diyebiliriz. Css kodları yazarak da istediğimiz araç ipuçlarını oluşturabiliriz ama …
bootstrap-pagination-class-kullanimi

BOOTSTRAP 4 – PAGINATION (SAYFALAMA BUTONLARI)

Öncelikle sayfalama butonlarına neden ihtiyaç duyuyoruz biraz ondan bahsedelim. Örneğin bir blog sitesi ve içerisinde yüzlerce yazı olduğunu düşünelim. Tüm bu yazıları anasayfada listelersek sayfa aşağı doğru baya uzayacaktır. Yada bir ETicaret sitesinde ürünlerin listelendiğini …
bootstrap-dersleri-progress-bar

BOOTSTRAP 4 – PROGRESS BAR (İLERLEME ÇUBUKLARI)

Bu yazımızda Bootstrap progress bar nedir, ne işe yarar, nasıl kullanılır gibi konuları öğreneceğiz. Progress bar yani ilerleme çubuklarını hepimiz görmüşüzdür. Örneğin bilgisayarımızda bir dosyayı kopyalarken, taşırken veya silerken işlemin toplamda ne kadar sürede tamamlanacağı veya …
bootstrap-badge

BOOTSTRAP 4 – BADGE (ROZETLER)

Bootstrap badge ile herhangi bir içeriğe ek bilgiler ekleyebiliriz veya içeriğin daha dikkat çekici olması için arkaplan rengi verebiliriz. Örneğin Facebook üzerinden örnek vereyim. Facebook'ta mesaj veya bildirim geldiğinde bunları gösteren link butonların üzerinde ek …