0
Kayıt Ol

Liste Yapısı Yardım

2

●

48

  • 09-10-2022, 20:33:24
    #1
    Jouns
    Jouns
    Merhaba, liste olarak yan yana 3 eleman yazdırmak istiyorum.
    Örnek
    Anasayfa, Hakkımızda -------------------------------------------------------- İletişim şeklinde olucak. ---- işareti koyduğum kısım boşluk olucak. Bootstrap ile yapabilirsem çok iyi olur. İletişim kısmını bir türlü sağ tarafa getiremedim yan yana geliyor.
  • 09-10-2022, 21:02:38
    #2
    mustafaz
    mustafaz 
    <!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://getbootstrap.com/docs/5.2/assets/css/docs.css" rel="stylesheet">
    <title>Bootstrap Example</title>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
  </head>
  <body class="p-3 m-0 border-0 bd-example">
    <!-- Example Code -->
    
    <nav class="navbar navbar-expand-lg bg-light">
      <div class="container-fluid">
        <a class="navbar-brand" href="#">logo</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 mb-2 mb-lg-0">
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#">Anasayfa</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Hakkımızda </a>
            </li>
          </ul>

        <!-- ms auto sona alıyor.-->
         <ul class="ms-auto navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="#">iletişim </a>
          </li>
         </ul>
        </ul>
      </div>
    </nav>
    
    <!-- End Example Code -->
  </body>
</html>
  • 09-10-2022, 21:11:47
    #3
    Jouns
    Jouns
    mustafaz adlı üyeden alıntı: mesajı görüntüle 
    <!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://getbootstrap.com/docs/5.2/assets/css/docs.css" rel="stylesheet">
    <title>Bootstrap Example</title>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
  </head>
  <body class="p-3 m-0 border-0 bd-example">
    <!-- Example Code -->
    
    <nav class="navbar navbar-expand-lg bg-light">
      <div class="container-fluid">
        <a class="navbar-brand" href="#">logo</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 mb-2 mb-lg-0">
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#">Anasayfa</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Hakkımızda </a>
            </li>
          </ul>

        <!-- ms auto sona alıyor.-->
         <ul class="ms-auto navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="#">iletişim </a>
          </li>
         </ul>
        </ul>
      </div>
    </nav>
    
    <!-- End Example Code -->
  </body>
</html>
    Merhaba hocam elinize sağlık kod için fakat bunu navbar olarak değilde sadece ul li ve div kullanarak yapabilir miyiz?