質問編集履歴

2

cssコードの追加

2019/06/20 05:06

投稿

to-to-
to-to-

スコア18

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- ![イメージ説明](b68266a02131c634bfeb687e7bb8de44.png)###実現したいこと・発生している問題
1
+ ![![イメージ説明](beb6060c76862e2e0adf4828e338daa0.png)](00e86e81c73dee9dc59731e880b33d43.png)![イメージ説明](b68266a02131c634bfeb687e7bb8de44.png)###実現したいこと・発生している問題
2
2
 
3
3
  bootstrapを使って画面幅が544px以上768px未満の時に各要素が画面幅いっぱいになるように、各div要素のクラスに"col-sm-12"を指定してるにも関わらず、適用されません。
4
4
 
@@ -12,7 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- ```html, css
15
+ ```html
16
16
 
17
17
  <!<!DOCTYPE html>
18
18
 
@@ -111,3 +111,171 @@
111
111
    <!--以下省略-->
112
112
 
113
113
  ```
114
+
115
+ ```css
116
+
117
+ body{
118
+
119
+ margin: 0;
120
+
121
+ }
122
+
123
+
124
+
125
+ /* header */
126
+
127
+
128
+
129
+ header .icon{
130
+
131
+ margin: 25px;
132
+
133
+ display: inline;
134
+
135
+ }
136
+
137
+
138
+
139
+ .header-bg{
140
+
141
+ background-image: url(../img/BackgroundHomeSummer.jpg);
142
+
143
+ background-size: cover;
144
+
145
+
146
+
147
+ }
148
+
149
+
150
+
151
+ .header-title{
152
+
153
+ width: 1032px;
154
+
155
+ margin: auto;
156
+
157
+ padding: 200px 0 215px;
158
+
159
+ }
160
+
161
+
162
+
163
+ .header-title h1, .header-title p{
164
+
165
+ color: white;
166
+
167
+ }
168
+
169
+
170
+
171
+ .header-title h1{
172
+
173
+ margin-bottom: 25px;
174
+
175
+ font-weight: bold;
176
+
177
+ }
178
+
179
+
180
+
181
+ .header-title p{
182
+
183
+ margin-bottom: 40px;
184
+
185
+ }
186
+
187
+
188
+
189
+ .header-title a{
190
+
191
+ background-color: white;
192
+
193
+ color: #000;
194
+
195
+ padding: 15px 25px;
196
+
197
+ border-radius: 5px;
198
+
199
+ font-weight: 500;
200
+
201
+ }
202
+
203
+
204
+
205
+ .header-title a:hover{
206
+
207
+ text-decoration: none;
208
+
209
+ }
210
+
211
+
212
+
213
+ /* section */
214
+
215
+ .section-title h1{
216
+
217
+ font-size: 30px;
218
+
219
+ width: 350px;
220
+
221
+ margin: 60px auto;
222
+
223
+ font-weight: bold;
224
+
225
+ }
226
+
227
+
228
+
229
+ .row h2{
230
+
231
+ font-size: 16px;
232
+
233
+ font-weight: bold;
234
+
235
+ margin: 30px auto;
236
+
237
+ }
238
+
239
+
240
+
241
+ .row p{
242
+
243
+ color: gray;
244
+
245
+ }
246
+
247
+
248
+
249
+ .section-title{
250
+
251
+ margin-top: 45px;
252
+
253
+ }
254
+
255
+ section i{
256
+
257
+ display: block;
258
+
259
+ }
260
+
261
+
262
+
263
+ section .icon-color{
264
+
265
+ color: #007a87;
266
+
267
+ }
268
+
269
+
270
+
271
+ section .row{
272
+
273
+ text-align: center;
274
+
275
+ }
276
+
277
+
278
+
279
+
280
+
281
+ ```

1

画像の挿入

2019/06/20 05:06

投稿

to-to-
to-to-

スコア18

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- ###実現したいこと・発生している問題
1
+ ![イメージ説明](b68266a02131c634bfeb687e7bb8de44.png)###実現したいこと・発生している問題
2
2
 
3
3
  bootstrapを使って画面幅が544px以上768px未満の時に各要素が画面幅いっぱいになるように、各div要素のクラスに"col-sm-12"を指定してるにも関わらず、適用されません。
4
4