Cohorts
  • Discover
  • About Us
  • Blog
  • Patika.dev
  • Web3

Bootstrap

Bootstrap Nedir?
Bootstrap 4 Dökümanlarına Ulaşmak ve Bootstrap 5 Hakkında
12'lik Izgara(Grid) Sistemini Anlamak
Bootstrap - Genel Tutucu(Container), Satır Blokları(Row) ve Kolon(Col) Yapısı
Bootstrap - Ekran Çözünürlüğü / Cihaz Duyarlı(Responsive) Kolon Yapısı Kullanımları
Bootstrap - Satır Blokları (Row) Kullanımı
Ödev 1

Bootstrap Kullanarak Web Sitesi Nasıl Yapılır (Demo)
Bootstrap Renk Strandartları, Tipografi, Margin ve Padding Kullanımı
Display Özellikleri ile Responsive Yapıya Göre İstenilen Blokların Gösterilmesi / Gizlenmesi
Bootstrap - Offset Kullanımı
Bootstrap Sıralama Özellikleri Kullanarak Responsive Yapıya Göre Tepkilerin Düzenlenmesi

Bootstrap Bileşenlerine(UI Components) Genel Bakış
Ödev 2

Bootstrap ile Medium Klon Çalışması - Tek Video
Bootstrap ile Medium Klon Çalışması - Bölüm 1
Bootstrap ile Medium Klon Çalışması - Bölüm 2
Bootstrap ile Medium Klon Çalışması - Bölüm 3
Bootstrap ile Medium Klon Çalışması - Bölüm 4

Diğer CSS Kütüphanelerine Genel Bakış
Ödev 3

Ödev 1

Bootstrap Özelliklerini Kullanarak Yaptığımız Siteyi Geliştirelim

Hatırlar mısınız CSS'in ilk ödevinde boynu bükük bir site yapmıştık. Bu site CSS'in özelliklerini kullanan bir müzik aleti satış sitesiydi. Bu siteyi Bootstrap ile tekrar tasarlayacağız.

Sizden Beklediklerimiz

  • HTML kısmını önceki ödevden alabilirsiniz fakat baştan yapmanızı öneririz.
  • Menüyü koyu renkli olarak düzenleyin. İsterseniz arka plan rengi de verebilirsiniz.
  • Ana sayfaya bir jumbotron koyup içeriğinizin açıklamasını yazınız.
  • Arka plan rengini #E9ECEF ile değiştirin.
  • Ürünlerimiz sayfasında card yapısını kullanın.
  • Kullandığınız card yapısını grid sistemin içinde kullanın.
  • Ürün card boyutlarının tamamen aynı olduğuna dikkat edin.
  • Hakkımızda sayfasını da bir card yapısı içine alın.
  • Bootstrap Dökümantasyonu'nu iyi inceleyip farklı elementleri denemeye çalışın.

bootstrap

Tebrikler, Bootstrap ile ilk sitenizi oluşturdunuz.

Hepinize başarılar ve kolay gelsin!

Ödev

Submit your work to complete this lesson.

Join the project workspace to share your solution and receive feedback.

Previous
Next

Lesson discussion

Swap insights and ask questions about “Bootstrap”.

Enroll to participate
Start the course to unlock the discussion. Enrolling helps us keep conversations relevant to learners.
Cohorts
WebsiteDiscoverBlogPatika.devRise In
CoursesCircleRustSoliditySolanaWeb3 FundamentalsBlockchain Basics
CompanyAbout UsTerms of UsePrivacy PolicyGDPR NoticeCookies
Don't miss any update!

Disclaimer: The information, programs, and events provided on https://cohorts.patika.dev is strictly for upskilling and networking purposes related to the technical infrastructure of blockchain platforms. We do not provide financial or investment advice, nor do we make any representations regarding the value, profitability, or future price of any blockchain or cryptocurrency. Users are encouraged to conduct their own research and consult with licensed financial professionals before engaging in any investment activities. https://cohorts.patika.dev disclaims any responsibility for financial decisions made by users based on the information provided here.

© 2026 Cohorts, All rights reserved