回答編集履歴

3

ソースコード修正分を掲載

2020/07/29 01:01

投稿

FrontEnd_Japan
FrontEnd_Japan

スコア271

test CHANGED
@@ -19,3 +19,177 @@
19
19
  </body>
20
20
 
21
21
  ```
22
+
23
+
24
+
25
+
26
+
27
+ **CSS追加分**
28
+
29
+ ```css
30
+
31
+ .flex {
32
+
33
+ display: flex;
34
+
35
+ }
36
+
37
+ .sidebar {
38
+
39
+ width: 200px;
40
+
41
+ margin-right: 60px;
42
+
43
+ }
44
+
45
+ .content {
46
+
47
+ max-width: 780px;
48
+
49
+ }
50
+
51
+ ```
52
+
53
+
54
+
55
+ **html修正**
56
+
57
+ ```html
58
+
59
+ <!DOCTYPE html>
60
+
61
+ <html lang="ja">
62
+
63
+ <head>
64
+
65
+ <meta charset="UTF-8" />
66
+
67
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
68
+
69
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
70
+
71
+ <meta name="keywords" content="" />
72
+
73
+ <meta name="description" content="" />
74
+
75
+ <title>aaaaaaa | bbbbbbb</title>
76
+
77
+ <!-- Bootstrap -->
78
+
79
+ <link
80
+
81
+ href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
82
+
83
+ rel="stylesheet"
84
+
85
+ />
86
+
87
+ <link href="./style.css" rel="stylesheet" />
88
+
89
+ <!-- Page Parameter -->
90
+
91
+ <!-- /Page Parameter -->
92
+
93
+ </head>
94
+
95
+ <body class="fixnavbar-margin" id="">
96
+
97
+ <!--パンくずリスト--><!--メイン-->
98
+
99
+ <div class="container mt-1">
100
+
101
+ <div class="flex">
102
+
103
+ <!--サイドバー-->
104
+
105
+ <nav id="sidebar" class="sidebar">
106
+
107
+ <div class="pt-5">
108
+
109
+ <h5 class="border-sidebar"><strong>ああああああ</strong></h5>
110
+
111
+ </div>
112
+
113
+ </nav>
114
+
115
+ <div class="content">
116
+
117
+ <h1 class="midashi">いいいいいいいいいいいいいい</h1>
118
+
119
+ <h2 class="midashi">ううううううううう</h2>
120
+
121
+ <h3 class="midashi"></h3>
122
+
123
+ <section>
124
+
125
+ <h2 class="midashi-2 mt-0">ええええええええ</h2>
126
+
127
+ <h3 class="midashi-2">おおおおおおおおおおおおおおお</h3>
128
+
129
+ <p>
130
+
131
+ この文章はダミーです。ここに文章が入ります。この文章はダミーです。ここに文章が入ります。この文章はダミーです。ここに文章が入ります。この文章はダミーです。ここに文章が入り
132
+
133
+ </p>
134
+
135
+ <p>&nbsp;</p>
136
+
137
+ </section>
138
+
139
+ </div>
140
+
141
+ </div>
142
+
143
+ </div>
144
+
145
+ <footer class="py-5 mt-5 bg-dark text-white">
146
+
147
+ <div>
148
+
149
+ <div class="row">
150
+
151
+ <div
152
+
153
+ class="col-md-12 text-center d-md-flex justify-content-between align-items-center"
154
+
155
+ >
156
+
157
+ <ul class="nav d-flex justify-content-center">
158
+
159
+ <li class="nav-item">
160
+
161
+ <a class="nav-link active text-white-50" href="#">HOME</a>
162
+
163
+ </li>
164
+
165
+ <li class="nav-item">
166
+
167
+ <a class="nav-link text-white-50" href="#">サイトマップ</a>
168
+
169
+ </li>
170
+
171
+ </ul>
172
+
173
+ <p class="mb-0 py-1">Copyright(C) All rights reserved.</p>
174
+
175
+ </div>
176
+
177
+ </div>
178
+
179
+ </div>
180
+
181
+ </footer>
182
+
183
+ <div id="page_top"><a href="#"></a></div>
184
+
185
+ <script src="./jquery.min.js"></script>
186
+
187
+ <script src="./popper.min.js"></script>
188
+
189
+ <script src="./bootstrap.min.js"></script>
190
+
191
+ </body>
192
+
193
+ </html>
194
+
195
+ ```

2

lang変更

2020/07/29 01:01

投稿

FrontEnd_Japan
FrontEnd_Japan

スコア271

test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- ```javascript
9
+ ```html
10
10
 
11
11
  <div id="page_top"><a href="#"></a></div>
12
12
 

1

コメントアウトを追加する

2020/07/27 12:51

投稿

FrontEnd_Japan
FrontEnd_Japan

スコア271

test CHANGED
@@ -3,3 +3,19 @@
3
3
  JSファイルは`bodyの閉じタグ前に記述`するようにしてください。
4
4
 
5
5
  JSファイルの読み込みが`documentの読み込みを遅くするため`です。
6
+
7
+
8
+
9
+ ```javascript
10
+
11
+ <div id="page_top"><a href="#"></a></div>
12
+
13
+ <script src="/js/jquery-3.4.1.min.js"></script> // ここに追加する
14
+
15
+ <script src="/js/popper.min.js"></script> // ここに追加する
16
+
17
+ <script src="/js/bootstrap-4.4.1.js"></script> // ここに追加する
18
+
19
+ </body>
20
+
21
+ ```