Bootstrap kullanılmıyor

SVF · 30 Eylül 2023

Merhabalar,
yaklaşık 2 haftadır w3schools üzerinden html öğrenmeye çalışıyorum, işlerin bootstrap ile daha kolaylaşacağını bildiğim için adım attığımda ne yaparsam yapayım kullanamadığımı fark ettim. yapmak istediğim responsive menü örneğini görsel olarak bırakıyorum kodlarını da aşağıya bırakıyorum.
+ Responsive menü görselde ki gibi gözükmekte kullandığım eklentide bir problem var sandım tarayıcıdan açtım ama aynı.

<div>
<ul>
<li class="active">
<a href="#">Anasayfa</a>
</li>
<li>
<a href="#">Hakkımda</a>
</li>
<li>
<a href="#">Blog</a>
</li>
<li>
<a href="#">Servisler</a>
</li>
<li>
<a href="#">İletişim</a>
</li>
</ul>
<div class="hamburger-btn">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</div>

Kxaan · 30 Eylül 2023

Bootstrap'da class vererek yapılıyordu sanırım. Doğru classları verdiğinizden emin misiniz?

SVF · 30 Eylül 2023

Kxaan dedi:
Bootstrap'da class vererek yapılıyordu sanırım. Doğru classları verdiğinizden emin misiniz?

şu anda bu menüyü kullanabilmek için nasıl class vermem gerek?

delikarga · 30 Eylül 2023

Hocam ne varsa atmışsınız sayfaya. bootstrap.bundle.min.js içeisinde zaten bootstrap.js ve popper.js içeriyor. O ikisini boş yere vermişsiniz. Hadi onu geçtim, jqueryi iki farklı cdnden iki defa yüklemişsiniz. Şu şekilde olacak:

HTML:

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <title>Sayfa Başlığı</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>
<body>
  <!-- İçeriğiniz buraya -->

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>

SVF · 30 Eylül 2023

söylediklerinizi harfiyen uyguladım fakat problemim halen devam etmekte istediğim görünümü elde edemiyorum eklemem gereken bir eklenti vb. mi var yoksa ekte gözüktüğü gibi aldığım menü tek başına çalışmıyor mu?
bu işlerde yeniyim ve bu sorunla alakalı yerli/yabancı bir kaynak da bulamadım..

delikarga dedi:
Hocam ne varsa atmışsınız sayfaya. bootstrap.bundle.min.js içeisinde zaten bootstrap.js ve popper.js içeriyor. O ikisini boş yere vermişsiniz. Hadi onu geçtim, jqueryi iki farklı cdnden iki defa yüklemişsiniz. Şu şekilde olacak:

HTML:

<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Sayfa Başlığı</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> </head> <body>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> </body> </html>

delikarga · 30 Eylül 2023

SVF dedi:
söylediklerinizi harfiyen uyguladım fakat problemim halen devam etmekte istediğim görünümü elde edemiyorum eklemem gereken bir eklenti vb. mi var yoksa ekte gözüktüğü gibi aldığım menü tek başına çalışmıyor mu?
bu işlerde yeniyim ve bu sorunla alakalı yerli/yabancı bir kaynak da bulamadım..

https://getbootstrap.com/docs/5.3/components/accordion/ buradan componentlere bakıp, kullanımlarını öğrenebilirsiniz.

Bootstrap kullanılmıyor

SVF

Hectopat

Dosya Ekleri

Kxaan

Kilopat

SVF

Hectopat

delikarga

Kilopat

SVF

Hectopat

Dosya Ekleri

delikarga

Kilopat