質問編集履歴
1
align-items-centerの追加、py-3の削除
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
header右側のSNSアイコンを右寄せ均等揃えにしたい
|
|
3
3
|
文字やアイコンをcol内で上下中央寄せしたい
|
|
4
|
+
（追記：align-items-centerで解決しました）
|
|
5
|
+
|
|
4
6
|
### 発生している問題・エラーメッセージ
|
|
5
7
|
colで範囲を区切って右寄せ均等揃えにしたいんですけど
|
|
6
8
|
うまくいきません
|
|
@@ -36,18 +38,18 @@
|
|
|
36
38
|
</script>
|
|
37
39
|
</head>
|
|
38
40
|
<body>
|
|
39
|
-
<header class="container-fluid">
|
|
41
|
+
<header class="container-fluid align-items-center">
|
|
40
42
|
<div class="row">
|
|
41
43
|
<img class="col-1" src="img/logo.png" alt="マーレン劇団">
|
|
42
44
|
<div class="col-8">
|
|
43
|
-
<div class="row
|
|
45
|
+
<div class="row">
|
|
44
46
|
<div class="col-2">クリエイター</div>
|
|
45
47
|
<div class="col-2">メディア</div>
|
|
46
48
|
<div class="col-2">トピックス</div>
|
|
47
49
|
<div class="col-2">エントリー</div>
|
|
48
50
|
</div>
|
|
49
51
|
</div>
|
|
50
|
-
<div class="col-3
|
|
52
|
+
<div class="col-3">
|
|
51
53
|
<div class="row">
|
|
52
54
|
<i class="fa fa-twitter fa-2x fa-pull-right col-3" aria-hidden="true"></i>
|
|
53
55
|
<i class="fa fa-facebook fa-2x fa-pull-right col-3" aria-hidden="true"></i>
|