ozgur_medya adlı üyeden alıntı: mesajı görüntüle
İki sayfadan da html kodları geliyorsa burada php tarafında bir sorun yoktur. Tasarımda sıkıntı vardır, include yerine PHP'den çıkartıp navbar ve card .php dosyalarındaki kodları alt alta koymayı denersen sorunun devam ettiğimi görebilirsin. Div açılış ve kapanışlarına göz atmanı öneriririm.
evet hocam doğru ama halen bulamadım sorunu
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bootstrap demo</title>
    <link rel="stylesheet" href="navbar/navbar.css">
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/9c14f68dfc.js" crossorigin="anonymous"></script>
  </head>
<body>
<header class="border-b md:flex md:items-center md:justify-between p-4 pb-0 shadow-lg md:pb-4">
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">Test</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarText">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="#">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Privacy</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Contact</a>
                    </li>
                </ul>
                <form class="d-flex">
                    <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                    <button class="btn btn-outline-success" type="submit">Search</button>
                </form>
            </div>
        </div>
    </nav>
</header>

</body>
</html>
card.php kodları
<link rel="stylesheet" href="card/card.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/9c14f68dfc.js" crossorigin="anonymous"></script>
<title>Kart Örneği</title>
</head>
<body>
<div class="kart">
    <img src="test.png" alt="img">
    <div class="ikonlar">
        <i class="fab fa-codepen"></i>
        <i class="fas fa-image"></i>
        <
    </div>         
    <div class="aciklama">
        <p>Kart açıklama kısmı</p>
    </div>
    <button class="btn">içerik</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>