回答編集履歴
1
説明追記
test
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
Bootstrap4なら `sticky-top` をサイドバーに設定すればいいでしょう。
|
|
2
|
+
|
|
3
|
+
高さを 100vh にしたいなら `vh-100` も追加してください。
|
|
4
|
+
|
|
5
|
+
CSSの設定は不要です。
|
|
2
6
|
|
|
3
7
|
|
|
4
8
|
|
|
@@ -8,7 +12,7 @@
|
|
|
8
12
|
|
|
9
13
|
<div class="row">
|
|
10
14
|
|
|
11
|
-
<div class="col-3 sticky-top side">
|
|
15
|
+
<div class="col-3 sticky-top vh-100 side">
|
|
12
16
|
|
|
13
17
|
</div>
|
|
14
18
|
|
|
@@ -25,3 +29,7 @@
|
|
|
25
29
|
|
|
26
30
|
|
|
27
31
|
[位置ユーティリティ～Bootstrap4移行ガイド](https://bootstrap-guide.com/utilities/position#sticky-top)
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
[サイズユーティリティ～Bootstrap4移行ガイド](https://bootstrap-guide.com/utilities/sizing#relative-to-the-viewport)
|