質問編集履歴
1
ソースを更新
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -16,45 +16,45 @@
|
|
|
16
16
|
|
|
17
17
|
%nav.navbar.navbar-header.navbar-expand-lg.fixed-top
|
|
18
18
|
|
|
19
|
-
.col-
|
|
19
|
+
.col-12
|
|
20
20
|
|
|
21
|
-
%a{:href => "
|
|
21
|
+
%a.navbar-brand.align-items-left{:href => "/"}
|
|
22
22
|
|
|
23
|
-
= image_tag("logo.png", alt: "logo"
|
|
23
|
+
= image_tag("logo.png", width: '100%',alt: "logo")
|
|
24
24
|
|
|
25
|
-
.text-righ
|
|
25
|
+
.text-rigth
|
|
26
26
|
|
|
27
|
-
メール
|
|
27
|
+
メールはこちら
|
|
28
28
|
|
|
29
|
-
//ここまで一段目
|
|
30
29
|
|
|
31
|
-
//ここから二段目
|
|
32
30
|
|
|
33
|
-
|
|
31
|
+
#navbarSupportedContent.collapse.navbar-collapse
|
|
34
32
|
|
|
35
|
-
|
|
33
|
+
%ul.navbar-nav.mx-auto
|
|
36
34
|
|
|
37
|
-
|
|
35
|
+
%li.nav-item.active.justify-content-center.align-items-center
|
|
38
36
|
|
|
39
|
-
|
|
37
|
+
%a.nav-link{:href => "#"}
|
|
40
38
|
|
|
41
|
-
|
|
39
|
+
ナビ１
|
|
42
40
|
|
|
43
|
-
|
|
41
|
+
%li.nav-item.justify-content-center
|
|
44
42
|
|
|
45
|
-
|
|
43
|
+
%a.nav-link{:href => "#"} ナビ２
|
|
46
44
|
|
|
47
|
-
|
|
45
|
+
%li.nav-item.justify-content-center
|
|
48
46
|
|
|
49
|
-
|
|
47
|
+
%a.nav-link{:href => "#"} ナビ３
|
|
50
48
|
|
|
51
|
-
|
|
49
|
+
%li.nav-item.justify-content-center
|
|
52
50
|
|
|
53
|
-
|
|
51
|
+
%a.nav-link{:href => "#"} ナビ４
|
|
54
52
|
|
|
55
|
-
|
|
53
|
+
%li.nav-item.justify-content-center
|
|
56
54
|
|
|
57
|
-
|
|
55
|
+
%a.nav-link{:href => "#"} ナビ５
|
|
56
|
+
|
|
57
|
+
|
|
58
58
|
|
|
59
59
|
```
|
|
60
60
|
|
|
@@ -62,13 +62,17 @@
|
|
|
62
62
|
|
|
63
63
|
### できたこと
|
|
64
64
|
|
|
65
|
-
|
|
65
|
+
ナビを５つ２段目に並べることができた
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
### できないこと
|
|
70
|
+
|
|
71
|
+
メールが画像と同じ並び且つ右寄せ
|
|
66
72
|
|
|
67
73
|
|
|
68
74
|
|
|
69
75
|
### 調べたこと
|
|
70
|
-
|
|
71
|
-
|
|
72
76
|
|
|
73
77
|
flex-column を navbar-collapseに入れてみて２段になりましたが、
|
|
74
78
|
|