質問編集履歴

2

修正

2020/09/10 14:03

投稿

n-choco
n-choco

スコア7

test CHANGED
File without changes
test CHANGED
@@ -26,87 +26,33 @@
26
26
 
27
27
  <meta name="viewport" content="width=device-width, initial-scale=1">
28
28
 
29
- <title></title>
30
-
31
29
  </head>
32
30
 
33
31
  <body>
34
32
 
35
- <div id="app">
33
+ <div id="app" class="container-fluid">
36
34
 
37
35
  <div class="row">
38
36
 
39
- <div class="card col-3 px-0 border-0 rounded-0 Nav">
37
+ <div class="card col-3 px-0 border-0 rounded-0">
38
+
39
+ <ul class="list-group list-group-flush">
40
+
41
+ <li class="list-group-item"><a href="#"><i class="fas fa-unlock-alt fa-fw"></i>Login</a></li>
42
+
43
+ <li class="list-group-item"><a href="#" ><i class="fas fa-user fa-fw"></i>会員登録</a></li>
44
+
45
+ </ul>
40
46
 
41
47
  </div>
42
48
 
43
49
  <div class="col-9 px-0">
44
50
 
45
- <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm px-0">
51
+ <main class="content px-0 mt-5">
46
52
 
47
- <div class="container">
48
-
49
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
50
-
51
- <span class="navbar-toggler-icon"></span>
52
-
53
- </button>
54
-
55
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
56
-
57
- <!-- Left Side Of Navbar -->
58
-
59
- <ul class="navbar-nav mr-auto"></ul>
60
-
61
- <!-- Right Side Of Navbar -->
62
-
63
- <ul class="navbar-nav ml-auto">
64
-
65
- <!-- Authentication Links -->
66
-
67
- <li class="nav-item">
68
-
69
- <a class="nav-link" href="//localhost:3000/login">Login</a>
70
-
71
- </li>
72
-
73
- <li class="nav-item">
74
-
75
- <a class="nav-link" href="//localhost:3000/register">会員登録</a>
76
-
77
- </li>
78
-
79
- </ul>
80
-
81
- </div>
82
-
83
- </div>
84
-
85
- </nav>
86
-
87
- <main class="content px-0">
88
-
89
- <div class="container">
90
-
91
- <div class="row justify-content-center">
92
-
93
- <div class="col-md-8">
94
-
95
- <div class="card">
96
-
97
- <!-- -->
98
-
99
- </div>
100
-
101
- </div>
102
-
103
- </div>
104
-
105
- </div>
53
+ <!-- -->
106
54
 
107
55
  </main>
108
-
109
- <footer class="container text-center"></footer>
110
56
 
111
57
  </div>
112
58
 

1

追記

2020/09/10 14:03

投稿

n-choco
n-choco

スコア7

test CHANGED
File without changes
test CHANGED
@@ -121,3 +121,9 @@
121
121
 
122
122
 
123
123
  ```
124
+
125
+
126
+
127
+ 変更後、以下の様にnavに余白が生まれてしまう。
128
+
129
+ ![イメージ説明](ac1911f4069d5172436ac8703dcaab65.png)