質問編集履歴
1
ついき
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
overflow-autoクラスを知り実装しました。
|
|
4
4
|
ただ動きが「横」ではなく、「縦」でした。
|
|
5
|
-
公式（https://cccabinet.jpn.org/bootstrap4/utilities/overflow）見ても縦
|
|
5
|
+
公式（https://cccabinet.jpn.org/bootstrap4/utilities/overflow）見ても縦しか載っていません。
|
|
6
6
|
|
|
7
|
-
横にする方法はあ
|
|
7
|
+
横にする方法はあるのでしょうか。。
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
```Bootstrap(index.php)
|
|
11
|
-
<!--
|
|
11
|
+
<!--タブメニュー-->
|
|
12
12
|
<ul class="nav headerMenuTabs overflow-auto">
|
|
13
13
|
<li class="nav-item active"><a href="#" class="nav-link">おすすめ</a></li>
|
|
14
14
|
<li class="nav-item"><a href="#" class="nav-link">マガジン</a></li>
|
|
@@ -25,10 +25,14 @@
|
|
|
25
25
|
</ul>
|
|
26
26
|
```
|
|
27
27
|
|
|
28
|
-
```
|
|
28
|
+
```index.css
|
|
29
|
-
<!--実験２-->
|
|
30
29
|
|
|
30
|
+
.headerMenuTabs{
|
|
31
|
+
width:100%;
|
|
32
|
+
height: 40px;
|
|
33
|
+
}
|
|
31
34
|
|
|
35
|
+
/*縦にならず
|
|
32
36
|
.headerMenuTabs{
|
|
33
37
|
overflow-x:scroll;
|
|
34
38
|
overflow-y:hidden;
|
|
@@ -36,5 +40,5 @@
|
|
|
36
40
|
}
|
|
37
41
|
```
|
|
38
42
|
|
|
39
|
-
結果
|
|
43
|
+
結果
|
|
40
|
-
[イメージ説明](5bc9f6bbbc4acdcfcb0fb3933eebdc2d.jpeg)
|
|
44
|
+
|