Bu BootStrap Navbarının rengini neden değiştiremiyorum?

Bootstrap
,
1 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Budget Tracker</title>
    <link rel="stylesheet" href="h_taklit.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    
    
</head>
<body>
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>                        
            </button>
            <a class="navbar-brand" href="#">DropBox Business</a>
          </div>
          <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right">
              <li class=""><a href="#">Plans & Pricing</a></li>
              <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Features <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Page 1-1</a></li>
                  <li><a href="#">Page 1-2</a></li>
                  <li><a href="#">Page 1-3</a></li>
                </ul>
              </li>
              <li><a href="#">Learn More</a></li>
              <li><a href="#">Contact Sales</a></li>
              <li><a href="#" class="bg-primary">Start your free</a></li>
            </ul>

        </div>
      </nav>
</body>
</html>

Bir web sitesini taklit etmeye çalıştığım bir proje üzerinde uğraşıyorum. Bootstrap aracılığıyla hızlı ve responsive bir navbar yapmak istedim. W3Schools’ta bu kodları buldum. Navbarı hoşuma gitmişti.
–> https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar_collapse

Şimdi ben bunu kendi isteğime göre değiştirmeye çalışıyorum fakat nedenini anlamadığım bir şekilde renk veremiyorum. Navbara class olarak navbar-light classını verdim. Olmadı. Classlarda sorun olmuştur nedim ve style parametresi açıp oradan background-color’u değiştirmeye çalıştım. Fakat o da olmadı. Neden arkaplan rengi veremiyorum ? Nasıl verebilirim ?

2 
background-color: red !important;

Bu arada navbar oluşturulurken kullanılan classlarin içinde bg-warning gibi background değiştiren classlarin olmaması lazım. Yine olmazsa navbari tanımlarken kullandığınız classlari atın.

1 Beğeni
3

boostrap 'tan önce css öğrenmenizi tavsite ederim
şu anda css ile birisi cevaplasa da anlamazsn
boostrap ile oluyorsa da göreceksn

4 
<style>
.Classİsmi{background-color:red;}
<style>

veya satır içi
<nav class = "Classlar" style = "background-color:red;">

5

Muhtemelen navbar-inverse sınıfını silmelisiniz.

1 Beğeni
6

Bu aklıma gelmeliydi :confused: Teşekkürler

7

Siz sanırım gönderimin tamamını okumamışsınız.
Sizin yazdığınız kod ile :

Şu ifadem aynı anlama geliyor.
Satır içinde yazdım yani ikinci attığınız koddaki gibi.

8

ewwet bazen hatta bazen değil çoğu zaman dikkatsizliklerim oluyor özür dilerm

1 Beğeni