質問編集履歴
1
cssファイルがなかったこと、目指しているデザインの言語化がいまいちだったため。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,14 +2,19 @@
|
|
|
2
2
|
しかし、開いた時に親要素であるnavbarの大きさが変わってしまいます。
|
|
3
3
|
理想は、メニューボタンを押した時、親要素の大きさが変わらず、dropdownのitemだけ、下に表示させるようにしたいです。
|
|
4
4
|
|
|
5
|
-
|
|
6
6
|
|
|
7
7
|
メニューボタンを押すと、、
|
|
8
8
|
|
|
9
|
-
|
|
10
10
|
|
|
11
11
|
親要素まで広がっていしまいます。。
|
|
12
12
|
|
|
13
|
+
理想は、、
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
このように、ボタンを押した時に、親要素のnavbarが広がらずに、dropdown-itemが選択できるデザインにしたいと考えています。
|
|
17
|
+
|
|
13
18
|
_header.html.erb
|
|
14
19
|
```<header>
|
|
15
20
|
<nav class="navbar navbar-light mb-2" style="background-color:#cc2931;">
|
|
@@ -36,6 +41,10 @@
|
|
|
36
41
|
</div>
|
|
37
42
|
</nav>
|
|
38
43
|
```
|
|
44
|
+
application.scss
|
|
45
|
+
```
|
|
46
|
+
@import "bootstrap";
|
|
47
|
+
```
|
|
39
48
|
|
|
40
49
|
お力添えいただけると幸いです。
|
|
41
50
|
よろしくお願いします。
|