質問編集履歴
2
ソースを表示
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -85,4 +85,94 @@
|
|
|
85
85
|
height: 200px;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
+
```
|
|
89
|
+
生成されたHTML
|
|
90
|
+
```HTML
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
<html lang="ja">
|
|
95
|
+
<head>
|
|
96
|
+
<meta charset="utf-8">
|
|
97
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
98
|
+
<title>タイトル</title>
|
|
99
|
+
<script src="https://js.stripe.com/v3/"></script>
|
|
100
|
+
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
|
101
|
+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
|
|
102
|
+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
|
|
103
|
+
<link rel="stylesheet" href="/static/style.css">
|
|
104
|
+
<script src="/static/main.js"></script>
|
|
105
|
+
</head>
|
|
106
|
+
<body>
|
|
107
|
+
<div class="wrapper">
|
|
108
|
+
<nav class="navbar navbar-expand-sm navbar-dark bg-dark mt-3 mb-3">
|
|
109
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav4" aria-controls="navbarNav4" aria-expanded="false" aria-label="Toggle navigation">
|
|
110
|
+
<span class="navbar-toggler-icon"></span>
|
|
111
|
+
</button>
|
|
112
|
+
<a class="navbar-brand" href="/">TOP</a>
|
|
113
|
+
<div class="collapse navbar-collapse">
|
|
114
|
+
<ul class="navbar-nav">
|
|
115
|
+
<li class="nav-item">
|
|
116
|
+
<a class="nav-link" href="/">ステータス</a>
|
|
117
|
+
</li>
|
|
118
|
+
<li class="nav-item">
|
|
119
|
+
<a class="nav-link" href= "/users/mypage/">マイページ</a>
|
|
120
|
+
</li>
|
|
121
|
+
<li class="nav-item">
|
|
122
|
+
<a class="nav-link" href= "/users/policy/">利用規約</a>
|
|
123
|
+
</li>
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
</ul>
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
<ul class="navbar-nav ml-auto">
|
|
133
|
+
<li class="nav-item">
|
|
134
|
+
<p class="navbar-text"> ****でログインしています。</p>
|
|
135
|
+
</li>
|
|
136
|
+
<li class="nav-item">
|
|
137
|
+
<a class="nav-link" href="/accounts/logout/">ログアウト</a>
|
|
138
|
+
</li>
|
|
139
|
+
</ul>
|
|
140
|
+
</div>
|
|
141
|
+
</nav>
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
<div class="container mt-5">
|
|
148
|
+
|
|
149
|
+
<h4>*****のステータス:</h4>
|
|
150
|
+
<div class="card" style="width: 18rem;">
|
|
151
|
+
<div class="card-body">
|
|
152
|
+
<h5 class="card-title">********</h5>
|
|
153
|
+
<p class="card-text">
|
|
154
|
+
*********
|
|
155
|
+
</p>
|
|
156
|
+
</div>
|
|
157
|
+
</div>
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
</div>
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
<div class="push"></div>
|
|
165
|
+
|
|
166
|
+
<footer class="py-2 bg-dark">
|
|
167
|
+
<p class="m-0 text-center text-white">Copyright © サンプル株式会社</p>
|
|
168
|
+
</footer>
|
|
169
|
+
</div>
|
|
170
|
+
</body>
|
|
171
|
+
<!-- Optional JavaScript -->
|
|
172
|
+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
173
|
+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
174
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
|
175
|
+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
|
176
|
+
|
|
177
|
+
</html>
|
|
88
178
|
```
|
1
文の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -67,9 +67,9 @@
|
|
|
67
67
|
```CSS
|
|
68
68
|
.wrapper{
|
|
69
69
|
min-height: 100vh;
|
|
70
|
-
position: relative;
|
|
70
|
+
position: relative;
|
|
71
|
-
padding-bottom: 120px;
|
|
71
|
+
padding-bottom: 120px;
|
|
72
|
-
box-sizing: border-box;
|
|
72
|
+
box-sizing: border-box;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
footer{
|
|
@@ -79,10 +79,10 @@
|
|
|
79
79
|
text-align: center;
|
|
80
80
|
padding: 30px 0;
|
|
81
81
|
margin-bottom: 200px;
|
|
82
|
-
position: absolute;
|
|
82
|
+
position: absolute;
|
|
83
83
|
}
|
|
84
84
|
.push {
|
|
85
|
-
height: 200px;
|
|
85
|
+
height: 200px;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
```
|