質問編集履歴
4
修正箇所について追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
この右上のナビをマウスオーバーした時の色を好きな色に変えたいです。
|
|
4
4
|
|
|
5
5
|
下記を試したのですがうまくいかずに困ってます。（何も変わらない状態です）
|
|
6
|
+
|
|
7
|
+
修正前
|
|
8
|
+
<ul class="navbar-nav ml-auto">
|
|
9
|
+
修正後
|
|
10
|
+
<ul class="tmp navbar-nav ml-auto">
|
|
11
|
+
|
|
6
12
|
tmp.css
|
|
7
13
|
```
|
|
8
14
|
.tmp li a:hover { color: #FFFF00; }
|
3
不要なコード削除
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -24,7 +24,6 @@
|
|
|
24
24
|
<span class="navbar-toggler-icon"></span>
|
|
25
25
|
</button>
|
|
26
26
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
27
|
-
<!-- 下記に追加でtmpというスタイルを指定しました-->
|
|
28
27
|
<ul class="tmp navbar-nav ml-auto">
|
|
29
28
|
<li class="nav-item">
|
|
30
29
|
<a class="nav-link" href="index.html">top</a>
|
2
コメント修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
<span class="navbar-toggler-icon"></span>
|
|
25
25
|
</button>
|
|
26
26
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
27
|
-
<!-- 下記に追加でtmpというスタイルを指定しました>
|
|
27
|
+
<!-- 下記に追加でtmpというスタイルを指定しました-->
|
|
28
28
|
<ul class="tmp navbar-nav ml-auto">
|
|
29
29
|
<li class="nav-item">
|
|
30
30
|
<a class="nav-link" href="index.html">top</a>
|
1
申し訳ありません。htmlのコードが不足していたので追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -16,7 +16,29 @@
|
|
|
16
16
|
...
|
|
17
17
|
省略
|
|
18
18
|
...
|
|
19
|
-
<
|
|
19
|
+
<!-- Navigation -->
|
|
20
|
+
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top">
|
|
21
|
+
<div class="container">
|
|
22
|
+
<a class="navbar-brand" href=“#” target="_blank"><img height="40" width="200" src=“sample.png” border="0">home</a>
|
|
23
|
+
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
24
|
+
<span class="navbar-toggler-icon"></span>
|
|
25
|
+
</button>
|
|
26
|
+
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
27
|
+
<!-- 下記に追加でtmpというスタイルを指定しました>
|
|
28
|
+
<ul class="tmp navbar-nav ml-auto">
|
|
29
|
+
<li class="nav-item">
|
|
30
|
+
<a class="nav-link" href="index.html">top</a>
|
|
31
|
+
</li>
|
|
32
|
+
<li class="nav-item">
|
|
33
|
+
<a class="nav-link" href=“hello.html”>hello</a>
|
|
34
|
+
</li>
|
|
35
|
+
<li class="nav-item">
|
|
36
|
+
<a class="nav-link" href=“contact.html">contact</a>
|
|
37
|
+
</li>
|
|
38
|
+
</ul>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
</nav>
|
|
20
42
|
```
|
|
21
43
|
|
|
22
44
|
アドバイスを宜しくお願い致します。
|