HTML komutu çalışmıyor

woax · 30 Aralık 2020

Gustave Le Boon dedi:
Böyle mi dostum? Tam istediğin görüntüyü anlayabilsem halledeceğiz de.

Hocam evet öyle geç cevap verdim kusura bakmayın.

Berkay Davas · 30 Aralık 2020

woax dedi:
Hocam evet öyle geç cevap verdim kusura bakmayın.

Berkay Davas dedi:
İstediğin bu olmalı.

Edit fiddle - JSFiddle - Code Playground

JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

jsfiddle.net

Gustave Le Boon · 31 Aralık 2020

woax dedi:
Hocam evet öyle geç cevap verdim kusura bakmayın.

Senin bu görüntüye ulaşamama sebebin Boostrap 5.0 starter template kullanıp 4 yazmaya çalışman olabilir. Çünkü ml-auto kodunun çalışması lazım. Kodunda sadece collapse kısmında Button'un Data-Target kısmına fazladan " # " koyman hatalı. Ben ne olur, ne olmaz diye sana kodları atayım.

HTML:

[CODE]<!DOCTYPE html>

<html lang="en">

  <head>

    <!-- Required meta tags -->

    <meta charset="utf-8" />

    <meta

      name="viewport"

      content="width=device-width, initial-scale=1, shrink-to-fit=no"

    />



    <!-- Bootstrap CSS -->

    <link

      rel="stylesheet"

      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"

      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"

      crossorigin="anonymous"

    />



    <title>Hello, world!</title>

  </head>

  <body>

    <nav class="navbar navbar-dark bg-dark navbar-expand-lg text-white">

      <div class="container">

        <a href="" class="navbar-brand"> <b>BANKA BİLGİLERİ</b> </a>

        <button

          class="navbar-toggler"

          data-toggle="collapse"

          data-target="#navbar-anasayfa"

          aria-controls="navbar-anasayfa"

        >

          <span class="navbar-toggler-icon"></span>

        </button>



        <div class="collapse navbar-collapse" id="navbar-anasayfa">

          <ul class="navbar-nav ml-auto">

            <li class="nav-item active">

              <a href="" class="nav-link text-white">Ana Sayfa</a>

            </li>

          </ul>

        </div>

    </div>

    </nav>



    <!-- Optional JavaScript -->

    <!-- jQuery first, then Popper.js, then Bootstrap JS -->

    <script

      src="https://code.jquery.com/jquery-3.2.1.slim.min.js"

      integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"

      crossorigin="anonymous"

    ></script>

    <script

      src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"

      integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"

      crossorigin="anonymous"

    ></script>

    <script

      src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"

      integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"

      crossorigin="anonymous"

    ></script>

  </body>

</html>

HTML komutu çalışmıyor

Ayrıntılı düzenleme

woax

Hectopat

Berkay Davas

Gigapat

Edit fiddle - JSFiddle - Code Playground

Gustave Le Boon

Hectopat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz