Bootstrap 5 Eğitim Setine Dön

Components

Bootstrap’ta Accordion (katlanabilir) bileşeni, içerik gruplarını düzenlemek ve gizlemek için kullanılır.

Modül Ders Listesi (30 Ders)

1 5 dk okuma

Bootstrap Bileşenler Accordion

Bootstrap’ta Accordion (katlanabilir) bileşeni, içerik gruplarını düzenlemek ve gizlemek için kullanılır.

527 okuma Dersi Oku
2 5 dk okuma

Bootstrap Bileşenler Alert

Bootstrap’ta Alert (uyarı) bileşeni, kullanıcıya bilgi vermek veya belirli bir durumu belirtmek için kullanılan görsel bir bileşendir.

514 okuma Dersi Oku
3 4 dk okuma

Bootstrap Bileşenler Badge

Bootstrap’ta Badge (rozet) bileşeni, belirli bir içeriği vurgulamak veya ek bilgi sağlamak amacıyla kullanılan küçük, renkli etiketlerdir.

569 okuma Dersi Oku
4 5 dk okuma

Bootstrap Bileşenler Buttons

Bootstrap’ta Buttons (butonlar) bileşeni, kullanıcı etkileşimi sağlamak için kullanılan önemli ve görsel olarak çekici elementlerdir.

621 okuma Dersi Oku
5 6 dk okuma

Bootstrap Bileşenler Button Group

Bootstrap’ta Button Group (buton grubu) bileşeni, bir arada kullanılacak birden fazla butonu düzenlemek için kullanılır.

590 okuma Dersi Oku
6 7 dk okuma

Bootstrap Bileşenler Card 1

Bootstrap’ta Card bileşeni, içeriklerinizi düzenlemek ve şık bir şekilde sunmak için kullanılan çok yönlü bir yapıdır.

591 okuma Dersi Oku
7 6 dk okuma

Bootstrap Bileşenler Card 2

Bootstrap'ta Card 2 bileşeni, temel kart yapısının daha gelişmiş ve özelleştirilmiş bir örneğidir.

551 okuma Dersi Oku
8 7 dk okuma

Bootstrap Bileşenler Card 3

Bootstrap'ta Card 3 bileşeni, kullanıcı arayüzü tasarımında esneklik ve estetik sunan daha karmaşık kart yapılarıdır.

533 okuma Dersi Oku
9 6 dk okuma

Bootstrap Bileşenler Carousel 1

Bootstrap'ta Carousel, kullanıcıların içeriklerini slaytlar halinde göstererek dinamik bir görsel deneyim sunan bir bileşendir.

543 okuma Dersi Oku
10 4 dk okuma

Bootstrap Bileşenler Carousel 2

Bootstrap Carousel, Bootstrap framework'ü kullanarak web sitenizde görsel veya içerik kaydırma (slideshow) oluşturmanızı sağlayan bir bileşendir.

542 okuma Dersi Oku
11 3 dk okuma

Bootstrap Bileşenler Close Button

Bootstrap, kullanıcı arayüzünü geliştirmek için çeşitli bileşenler sunar ve bu bileşenlerden biri de "Close Button" yani "Kapatma Düğmesi"dir.

517 okuma Dersi Oku
12 3 dk okuma

Bootstrap Bileşenler Collapse

Bootstrap Collapse bileşeni, kullanıcıların içeriği açıp kapatmalarına olanak tanıyan etkileşimli bir bileşendir.

529 okuma Dersi Oku
13 4 dk okuma

Bootstrap Bileşenler Dropdown 1

Bootstrap Dropdown, kullanıcıların bir menü açarak seçenekleri görüntülemelerini ve seçim yapmalarını sağlayan bir bileşendir.

514 okuma Dersi Oku
14 4 dk okuma

Bootstrap Bileşenler Dropdown 2

Bootstrap Dropdown bileşeninin ikinci bir örneği olarak, daha karmaşık bir dropdown menüsü oluşturalım.

547 okuma Dersi Oku
15 3 dk okuma

Bootstrap Bileşenler List Group 1

Bootstrap List Group bileşeni, içeriği liste halinde düzenlemek için kullanılan şık ve düzenli bir yapıdır.

528 okuma Dersi Oku
16 4 dk okuma

Bootstrap Bileşenler List Group 2

Bu örnekte, kullanıcıların etkileşimde bulunabileceği daha zengin bir kullanıcı arayüzü oluşturacağız.

501 okuma Dersi Oku
17 4 dk okuma

Bootstrap Bileşenler Modal 1

Bootstrap Modal, kullanıcıların etkileşimde bulunabileceği, sayfanın geri kalanını geçici olarak kaplayan bir iletişim kutusudur.

560 okuma Dersi Oku
18 5 dk okuma

Bootstrap Bileşenler Modal 2

Bootstrap Modal bileşeninin ikinci örneği olarak, daha gelişmiş bir modal yapısı oluşturalım.

583 okuma Dersi Oku
19 4 dk okuma

Bootstrap Bileşenler Navbar

Kullanıcıların site içinde hızlı bir şekilde gezinmesine olanak tanır ve responsive (duyarlı) yapısıyla farklı ekran boyutlarına uyum sağlar.

546 okuma Dersi Oku
20 5 dk okuma

Bootstrap Bileşenler Navbar 2

Bootstrap Navbar bileşeninin ikinci örneği olarak, daha karmaşık bir yapı oluşturalım.

502 okuma Dersi Oku
21 5 dk okuma

Bootstrap Bileşenler Nav Tab

Bootstrap Nav Tabs, kullanıcıların içerikler arasında geçiş yapmasını sağlayan ve sekme görünümünde düzenlenmiş bir navigasyon bileşenidir.

525 okuma Dersi Oku
22 4 dk okuma

Bootstrap Bileşenler Offcanvas

Bootstrap Offcanvas, sayfanın kenarından açılan ve kullanıcıların ek bilgi veya içeriklere hızlı erişimini sağlayan bir bileşendir.

541 okuma Dersi Oku
23 4 dk okuma

Bootstrap Bileşenler Pagination

Genellikle, birden fazla sayfaya yayılan veri listeleri veya içerikler için kullanılır, böylece kullanıcılar belirli bir sayfaya kolayca erişebilir.

541 okuma Dersi Oku
24 3 dk okuma

Bootstrap Bileşenler Placeholder

Bootstrap Placeholder, yüklenmekte olan içerikler için yer tutucu metin veya görsel sağlar.

571 okuma Dersi Oku
25 3 dk okuma

Bootstrap Bileşenler Popovers

Bootstrap Popover, kullanıcı etkileşimi sırasında daha fazla bilgi veya içerik sağlamak için kullanılan küçük bilgi baloncuklarıdır.

536 okuma Dersi Oku
26 4 dk okuma

Bootstrap Bileşenler Progressbar

Bootstrap Progressbar, bir işlemin ilerlemesini görsel olarak göstermek için kullanılan bir bileşendir.

553 okuma Dersi Oku
27 5 dk okuma

Bootstrap Bileşenler Scrollspy

Bootstrap Scrollspy, uzun sayfalarda kullanıcıların hangi bölümde bulunduklarını göstermek için kullanılan bir bileşendir.

556 okuma Dersi Oku
28 2 dk okuma

Bootstrap Bileşenler Spinners

Bootstrap Spinner'lar, kullanıcıların bir sayfa veya işlemin yüklendiğini belirtmek için kullanılan animasyonlu yüklenme göstergeleridir.

611 okuma Dersi Oku
29 2 dk okuma

Bootstrap Bileşenler Toast

Bootstrap, popüler bir frontend frameworküdür ve kullanıcı arayüzü oluşturmayı kolaylaştıran birçok bileşen sunar.

645 okuma Dersi Oku
30 2 dk okuma

Bootstrap Bileşenler Tooltips

Bootstrap'un Tooltips bileşeni, bir öğenin üzerine gelindiğinde veya odaklanıldığında küçük bir bilgi balonu gösteren bir araçtır.

550 okuma Dersi Oku