Blog

Blog

KEYDAL blog yazilarinin 20. sayfasi (58 sayfadan): hosting, alan adi, sunucu, e-ticaret ve yazilim rehberleri.

Yazılım

Bootstrap Scrollspy ile Aktif Menü: Navbar, List Group ve Olaylar

Bootstrap 5 Scrollspy: çalışma şartları, navbar, iç içe nav ve list-group örnekleri, body izleme, offset ve method seçenekleri, refresh() ve activate

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap'i Sass ile Özelleştirme: Dosya Yapısı, Import Sırası, Map'ler ve Fonksiyonlar

Bootstrap 5.0'ı kaynak Sass dosyalarıyla özelleştirin: custom.scss, doğru import sırası, !default ile değişken ezme, map-merge, tint-color ve dosya kü

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Renk Sınıfları: Metin, Arka Plan ve Bağlantı Renkleri

Bootstrap 5.0 text-*, bg-*, bg-gradient ve link-* sınıfları: tema renkleri, gerçek CSS değerleri, kontrast eşleşmesi, erişilebilirlik ve sık hatalar.

7 Kasım 2026 · 10 dk okuma
Yazılım

Bootstrap Reboot ve Tipografi: Başlıklar, Display, Lead, Liste ve Alıntı Sınıfları

Bootstrap 5.0 Reboot ve tipografi: tarayıcı varsayılanları, sistem yazı tipi yığını, h1-h6 ve display boyutları, lead, satır içi öğeler, liste ve alın

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap 5 Progress Bar: İlerleme Çubuğu, Etiket, Renk ve Çizgili Görünüm

Bootstrap 5.0 progress bileşeni: progress-bar genişliği, aria-valuenow, etiket, yükseklik, renk, çoklu çubuk, striped ve animated çizgiler.

7 Kasım 2026 · 10 dk okuma
Yazılım

Bootstrap Position Sınıfları: position-absolute, fixed-top ve sticky-top

Bootstrap 5 position sınıfları: position-relative/absolute, top-0, start-50, translate-middle ile ortalama, fixed-top, sticky-top ve z-index ölçeği ör

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Pagination ve Breadcrumb: Sayfalama ve İçerik Yolu

Bootstrap 5.0 pagination ve breadcrumb: page-item, active ve disabled, boyutlar, hizalama, --bs-breadcrumb-divider ile ayırıcı, Sass ayarları ve erişi

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Öğrenme Rehberi: Kurulumdan Özelleştirmeye 50 Yazı

Bootstrap 5.0 öğrenme rehberi: kurulum, grid, yardımcı sınıflar, bileşenler, JavaScript, formlar ve Sass ile özelleştirme üzerine 50 Türkçe yazı.

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Offcanvas: Kenardan Açılan Yan Menü

Bootstrap 5.0 offcanvas: offcanvas-start ve end yerleşimleri, backdrop ve scroll seçenekleri, odak davranışı, yöntemler, olaylar, mobil menü ve sık ha

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap npm Kurulumu: Paket Yöneticileri, Webpack, Parcel ve Derleme Araçları

Bootstrap 5.0 npm kurulumu: npm, yarn, Composer ve NuGet, Popper bağımlılığı, Webpack yükleyicileri, Parcel ayarları ve Bootstrap'in npm betikleri.

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Nedir, Ne İşe Yarar? İçeriği, Yaklaşımı ve Tarayıcı Desteği

Bootstrap nedir? İçerdiği CSS ve JavaScript parçaları, tasarım ilkeleri, JavaScript isteyen bileşenler, tarayıcı desteği ve lisansıyla Bootstrap 5.0.

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Navbar: Responsive Menü Nasıl Yapılır?

Bootstrap 5.0 navbar: navbar-expand ile açılma eşiği, toggler ve collapse, marka, dropdown, renk şemaları, fixed-top, sticky-top ve sık yapılan hatala

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap Nav, Tabs ve Pills: Sekmeler Nasıl Yapılır?

Bootstrap 5.0 nav bileşeni: nav-tabs, nav-pills, nav-fill, nav-justified, Tab eklentisiyle dinamik sekmeler, olay sırası, erişilebilirlik ve sık hatal

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap Modal Pencere Kullanımı: İskelet, Seçenekler ve Olaylar

Bootstrap 5 modal penceresi: temel iskelet, static backdrop, scrollable ve centered, boyutlar, fullscreen, relatedTarget, seçenekler, yöntemler ve ola

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Spacing Sınıfları: m-*, p-*, mx-auto ve gap-*

Bootstrap 5 margin ve padding sınıfları: mt-3, px-2, ms-auto adlandırması, 0-5 ölçeği, duyarlı kullanım, mx-auto, negatif margin ve gap yardımcıları ö

7 Kasım 2026 · 10 dk okuma
Yazılım

Bootstrap 5 List Group: Liste Grubu, Numaralı ve Yatay Liste, Tab ile Kullanım

Bootstrap 5.0 list group: list-group-item, active, action, flush, numbered, yatay varyant, renkler, badge ve Tab eklentisiyle sekmeli içerik.

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap JavaScript API: data-bs Öznitelikleri, Yöntemler ve Olaylar

Bootstrap 5 JavaScript API: data-bs öznitelikleri, new ve getOrCreateInstance, olaylar ve preventDefault, eşzamansız yöntemler, ESM, jQuery ve noConfl

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap input group ve floating label kullanımı

Bootstrap 5.0 input-group ile metin, buton ve dropdown eklentileri, boyutlar, has-validation; form-floating ile yüzen etiketler, textarea ve select ku

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Görseller: img-fluid, img-thumbnail, figure ve ratio

Bootstrap 5.0 img-fluid, img-thumbnail, görsel hizalama, picture, figure ve ratio-16x9 sınıfları: CSS mantığı, özel oran hesabı, video gömme ve sık ha

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Gutter Sınıfları: g-*, gx-*, gy-* ve g-0

Bootstrap 5 gutter sınıfları nasıl çalışır? --bs-gutter-x değişkeni, gx ve gy ile yatay/dikey boşluk, g-0, row-cols ile kullanım ve taşma sorununun çö

7 Kasım 2026 · 10 dk okuma
Yazılım

Bootstrap 5 Grid Sistemi: container, row ve col ile Düzen Kurmak

Bootstrap 5 grid sistemi nasıl çalışır? container, row ve col yapısı, 12 sütun, duyarlı col-md sınıfları, row-cols, iç içe grid ve Sass mixin'leri örn

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap form validation: was-validated, is-invalid ve mesajlar

Bootstrap 5.0 form doğrulaması: novalidate ve was-validated, başlangıç kodu, is-invalid ile sunucu tarafı, invalid-feedback, tooltip mesajları ve Sass

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap form layout: grid, yatay form ve satır içi form

Bootstrap 5.0 ile form düzeni: mb-3 ile dikey form, row ve col ile çok sütunlu form, col-form-label ile yatay form, col-auto ve row-cols ile satır içi

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap form-control ile input, textarea ve dosya alanı

Bootstrap 5.0 form-control, form-label ve form-text sınıfları: boyutlar, disabled ve readonly, plaintext, dosya alanı, renk seçici, datalist ve Sass d

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Flex Yardımcıları: d-flex, justify-content ve align-items

Bootstrap 5 flex sınıfları: d-flex, flex-column, justify-content, align-items, flex-fill, flex-grow, auto margin, wrap, order ve media object tarifi ö

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap erişilebilirlik: visually-hidden, kontrast ve ARIA

Bootstrap 5.0 ile erişilebilirlik: visually-hidden ve visually-hidden-focusable, renk kontrastı, prefers-reduced-motion, form etiketleri ve bileşenler

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap $enable Seçenekleri, --bs CSS Değişkenleri ve RFS Rehberi

Bootstrap 5.0'da $enable-shadows, $enable-negative-margins gibi seçenekleri açıp kapatın; --bs CSS değişkenlerinin sınırlarını ve RFS ölçeklemesini öğ

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Dropdown: Açılır Menü Nasıl Yapılır?

Bootstrap 5.0 dropdown: split button, dropup ve dropend, dropdown-menu-end hizalama, offset ve autoClose seçenekleri, Popper, yöntemler, olaylar ve sı

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap Display Sınıfları: d-none ile Ekrana Göre Gizleme ve Gösterme

Bootstrap 5 display sınıfları: d-none, d-md-block, d-flex, ekran boyutuna göre gizleme tablosu, d-print-none ile yazdırma ve invisible sınıfı örnekler

7 Kasım 2026 · 10 dk okuma
Yazılım

Bootstrap Container Rehberi: container, container-fluid ve Duyarlı Container'lar

Bootstrap 5.0 container türleri: container, container-fluid ve container-md gibi duyarlı sınıflar, max-width tablosu, gutter ilişkisi ve Sass özelleşt

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap Sütunları: Hizalama, Sıralama ve Offset Sınıfları

Bootstrap 5 sütunlarını align-items, justify-content ve align-self ile hizalayın; order, offset ve ms-auto ile sıralayıp kaydırın. Satır kırma ve sık

7 Kasım 2026 · 10 dk okuma
Yazılım

Bootstrap checkbox, radio, switch, select ve range kullanımı

Bootstrap 5.0 form-check ile checkbox ve radio, form-switch, inline dizilim, btn-check butonları, form-select ve form-range: sınıflar, CSS kuralları v

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap CDN Kurulumu: Starter Template, Bundle, Popper ve Dosya Seçimi

Bootstrap 5.0 CDN kurulumu: jsDelivr CSS ve JS bağlantıları, SRI, bundle ile ayrı Popper farkı, starter template, modül kullanımı ve RTL kurulumu.

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Carousel ile Slider Yapımı: Kontroller, Seçenekler ve Olaylar

Bootstrap 5 carousel ile slider: slaytlar, oklar, göstergeler, başlıklar, crossfade, interval, dokunma, koyu varyant, JavaScript seçenekleri ve olayla

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap 5 Card (Kart) Bileşeni: Yapı, Görseller, Düzen ve Stretched Link

Bootstrap 5.0 card bileşeni: card-body, header, footer, görsel kaplama, yatay kart, card-group, row-cols ile eşit yükseklikte kartlar ve stretched-lin

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Çalışmıyor mu? Sık Yapılan Hatalar, Nedenleri ve Çözümleri

Bootstrap dropdown, modal ya da tooltip çalışmıyor mu? Popper eksikliği, data-bs-toggle, başlatılmayan bileşenler, viewport, v4 sınıfları ve z-index s

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap 5 Buton Sınıfları: btn, Boyutlar, Kapatma Butonu ve Button Group

Bootstrap 5.0 buton sınıfları: btn-{renk}, outline, btn-lg/sm, devre dışı durum, d-grid blok buton, btn-close, button group, toolbar ve toggle eklenti

7 Kasım 2026 · 11 dk okuma
Yazılım

Bootstrap Breakpoint Rehberi: Altı Kırılma Noktası, Mobile-First ve Sass Mixin'leri

Bootstrap 5.0 breakpoint değerleri: xs, sm, md, lg, xl ve xxl, mobile-first mantığı, duyarlı sınıflar ve media-breakpoint-up/down/only/between mixin'l

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap Kenarlık, Köşe Yuvarlatma ve Gölge Sınıfları

Bootstrap 5.0 border, border-0, border-{renk}, border-1..5, rounded-0..3, rounded-circle/pill ve shadow sınıfları: CSS değerleri, sıra kuralı ve sık h

7 Kasım 2026 · 10 dk okuma
Yazılım

Bootstrap 5 Badge ve Spinner: Sayaç Etiketleri ve Yükleniyor Göstergesi

Bootstrap 5.0 badge ve spinner: bg-* renkler, rounded-pill, butonda sayaç, köşe badge, spinner-border, spinner-grow, boyut ve erişilebilirlik.

7 Kasım 2026 · 10 dk okuma
Yazılım

Bootstrap 5 Alert Bileşeni: Uyarı Mesajları, Kapatma ve JavaScript Olayları

Bootstrap 5.0 alert bileşeni: alert-{renk} sınıfları, alert-link, ikonlu alert, alert-dismissible ile kapatma, Alert JS yöntemleri ve olayları.

7 Kasım 2026 · 10 dk okuma
Yazılım

Bootstrap Accordion ve Collapse: Açılır Kapanır İçerik

Bootstrap 5.0 accordion ve collapse: data-bs-toggle collapse, data-bs-parent, accordion-flush, hep açık bölümler, toggle seçeneği, yöntemler, olaylar

7 Kasım 2026 · 12 dk okuma
Yazılım

Bootstrap 4'ten 5'e Geçiş Rehberi: jQuery, data-bs, Sınıf Adları ve Formlar

Bootstrap 4 projesini 5'e taşıyın: jQuery'nin kalkması, data-bs öznitelikleri, ml/mr yerine ms/me, form ve bileşen değişiklikleri, Sass farkları ve ge

7 Kasım 2026 · 12 dk okuma
Yazılım

Bash'te Yönlendirme: stdout, stderr, Sıralama ve noclobber

Bash yönlendirme operatörleri: > ile >> farkı, stderr'i 2> ile ayırma, 2>&1 sırasının önemi, &> kısayolu, /dev/null ve noclobber; çalıştırılmış örnekl

7 Kasım 2026 · 10 dk okuma
Yazılım

Bash while ve until Döngüsü

Bash while ve until döngüsü nasıl kullanılır? while IFS= read -r ile satır okuma, son satır sorunu, pipe içinde değişken kaybı, sonsuz döngü, break ve

7 Kasım 2026 · 11 dk okuma
Yazılım

Bash ;, &, && ve || ile Komut Listeleri

Bash && ve || operatörleri nasıl çalışır? ; ile sıralı, & ile arka plan, öncelik kuralları, { } ile gruplama, komut || exit kalıbı ve a && b || c tuza

7 Kasım 2026 · 11 dk okuma
Yazılım

Bash ile sh Arasındaki Fark: POSIX Modu, Bourne Kabuğu ve Taşınabilir Betik

Bash ile sh farkını, POSIX modunun nasıl açıldığını ve neleri değiştirdiğini, Bourne kabuğuna göre farkları ve bashism yapılarının taşınabilir karşılı

7 Kasım 2026 · 11 dk okuma
Yazılım

Bash trap ile Sinyal Yakalama ve Geçici Dosya Temizliği

Bash trap ile EXIT temizliği, TERM ve INT yakalama, ERR, RETURN ve DEBUG trap'leri, tırnak farkı ve alt kabuk kuralları, denenmiş örneklerle.

7 Kasım 2026 · 11 dk okuma