0
私はホバーに私のナビゲーションバーの背景色、フォントの色や色を変更したいです。どうすればいいですか？カスタマイズしたCSSが動作しません。ブートストラップナビゲーションバーの色を変更するには？
は、ここに私のコードです：
私は私のナビゲーションバーの背景色、フォントの色やホバーの色を変更したい<head>
<meta charset="UTF-8">
<title>@if (!empty($title))
{{ $title }}
@else
MyHero
@endif</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<link href="{{ asset('css/style.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('carousel.css') }}" rel="stylesheet"/>
<script>var BASE_URL = "{{ url('')}}/";</script>
</head>
<header>
<!-- NAVBAR
================================================== -->
<body>
<div class="navbar-wrapper" >
<div class="container-fluid" >
<nav class="navbar navbar-inverse navbar-static-top" style="margin: 0;padding: 0;border:none;background-color: #00578d; ">
<div class="container-fluid" >
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{ url('/')}}" style='font-weight:bold;font-size:20px; height: 50px; margin-top: 10px; '>MyHero</a>
</div>
<div id="navbar" class="navbar-collapse collapse" style='font-weight:bold;font-size:20px;height: 50px; margin-top: 10px;' >
<ul class="nav navbar-nav">
@if(!empty($menu))
@foreach($menu as $item)
<li><a href="{{ url($item['url'])}}">{{ $item['link'] }}</a></li>
@endforeach
@endif
<li><a class="shopp" href="{{ url('shop')}} " >Shop</a></li>
<li>
<a href="{{ url('shop/checkout')}}">
<img width="25" src="{{ asset('images/shopping-cart.png')}}" >
<div id="total-cart">
@if(! Cart::isEmpty())
{{Cart::getTotalQuantity()}}
@endif
</div>
</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
@if(Session::has('user_id'))
<li><a href="{{ url('/')}}">{{ Session::get('user_name') }}</a></li>
@if(Session::has('is_admin'))
<li><a href="{{ url('cms/dashboard')}}">CMS DASHBOARD</a></li>
@endif
<li><a href="{{ url('user/logout')}}">Logout</a></li>
@else
<li><a href="{{ url('user/signin')}}">Sign In</a></li>
<li><a href="{{ url('user/signup')}}">Sign Up</a></li>
@endif
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<form class="navbar-form" role="search" autocomplete="off">
<div class="form-group" style="width: 240px;">
<input type="search" id="searchbox" name="search" placeholder="Search products or categories..." class="form-control" style="min-width: 240px;"></input>
</div>
<div style="position: absolute;margin: 0 auto;padding: 5px; ">
<div class="search-info"></div>
</div>
</form>
</li>
</ul>
</div>
</nav>
@include ('inc.sm')
@include ('inc.errors')
@yield('carousel') <br><br>
</div>
</div>
</header> <br><br><br><br>
。どうすればいいですか？カスタマイズしたCSSが動作しません。 ナビゲーションバーの背景色、フォントの色、色をホバー上で変更したいと思います。どうすればいいですか？カスタマイズしたCSSが動作しません。
CSSフォルダとJSフォルダのすべてのファイルを含める必要がありますか？私のホームページにそれらを含める正しい方法は何ですか？あなたはちょうどあなたがそれが正しいファイルのディレクトリです置くことを確認してくださいstyle.cssにするために上記の持っているよう – Pioneer2017
はい、あなたはそれを書き出します。 –
私は私のプロジェクトでそれを入れて、私のCDNのようにファイルが含まれていますが、右のファイルをダウンロードしましたそれは完全に全体のデザイン – Pioneer2017