回答編集履歴

2

修正

2017/12/05 16:31

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -25,8 +25,6 @@
25
25
  .nav-tabs {
26
26
 
27
27
  display: flex;
28
-
29
- align-items: stretch;
30
28
 
31
29
  }
32
30
 

1

修正

2017/12/05 16:31

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -20,33 +20,33 @@
20
20
 
21
21
  <style type="text/css">
22
22
 
23
- .nav-tabs {
23
+ @media (min-width: 768px) {
24
24
 
25
- display: flex;
25
+ .nav-tabs {
26
26
 
27
- justify-content: space-between;
27
+ display: flex;
28
28
 
29
- align-items: stretch;
29
+ align-items: stretch;
30
30
 
31
- }
31
+ }
32
32
 
33
33
 
34
34
 
35
- .nav-tabs li {
35
+ .nav-tabs li {
36
36
 
37
- text-align: center;
37
+ flex: 1;
38
38
 
39
- flex: 1;
40
-
41
- }
39
+ }
42
40
 
43
41
 
44
42
 
45
- .nav-tabs a {
43
+ .nav-tabs a {
46
44
 
47
- display: flex;
45
+ display: flex;
48
46
 
49
- height: 100%;
47
+ height: 100%;
48
+
49
+ }
50
50
 
51
51
  }
52
52
 
@@ -58,7 +58,7 @@
58
58
 
59
59
  <div class="container-fulid" role="main">
60
60
 
61
- <ul class="nav nav-tabs">
61
+ <ul class="nav nav-tabs nav-justified">
62
62
 
63
63
  <li class="active"><a href="#tabA" data-toggle="tab">ああああああああ</a></li>
64
64
 
@@ -132,6 +132,4 @@
132
132
 
133
133
  </html>
134
134
 
135
-
136
-
137
135
  ```