Navbar'daki logoyu ortalama

Bootstrap
1

Navbarda logomu ortalamak istiyorum, cssde bütün ortalama kodlarını denedim, kendi sunduğu ortalama sınıflarını denedim lakin yine işe yaramadı. Navbardaki bütün linkleri ve butonları kaldırdım sadece logo olmasını istiyorum

1
11366×135 4.6 KB

Navbar kodları:

 <nav class="navbar navbar-expand-lg navbar-dark bg-transparant" id="navbar">
            <div class="container my-2">
                <a href="#navbar"><img class="logo" src="img/logo.png" alt=""></a>
            </div>
        </nav>

Denememi istediğiniz kodları yazarsanız denerim :sweat_smile: bir türlü ortalayamadım

2

Bunu bir denermisiniz:

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <title>Deneme</title>
    <style>
      .navbar-nav,.navbar-center {
        position: fixed;
        left: 50%;
        padding-top: 50px;
      }
    </style>
  </head>
  <body>
    <div class="conteiner">
      <nav class="navbar navbar-expand-lg navbar-dark bg-dark bg-transparant" id="navbar">
        <div class="conteiner my-2 nav navbar-nav navbar-center">
           <a href="#navbar"><img class="logo" src="https://www.gravatar.com/avatar/akdlakdasdansda4c1naodasosn?s=60" alt="" style="border-radius:50%;"></a>
        </div>
      </nav>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
  </body>
</html>

Daha düzenli yapmak isterseniz:

1 Beğeni
3

Doğru hocam, soldan %50 boşluk verirsek otomatik ortalanmış olur. Benim aklıma gelmedi. Teşekkür ederim

1 Beğeni
4

Rica ederim iyi günler.

1 Beğeni