質問編集履歴
1
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -71,4 +71,54 @@
|
|
|
71
71
|
### 試したこと
|
|
72
72
|
`table`の場所を`classの名前`に変更して書いたのですが、`box2`と`box3`が非表示にならず、最初から全て表示されてしまいます。
|
|
73
73
|
2,どうすればクラスの表示・非表示が出来ますか？
|
|
74
|
-
参考サイトなども教えていただければ幸いです。よろしくお願いいたします。
|
|
74
|
+
参考サイトなども教えていただければ幸いです。よろしくお願いいたします。
|
|
75
|
+
|
|
76
|
+
### 追記
|
|
77
|
+
base.htmlと連動して表示をした場合、boxの表示・非表示が実行できませんでした。
|
|
78
|
+
base.htmlと連動して変更した箇所は、`body直下`を`class="container"`で囲ってる所だと思います。
|
|
79
|
+
|
|
80
|
+
base.html連動なし
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
base.html連動
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
base.htmlの`jQuery`などのバージョンも確認したのですが、おかしな箇所は見つけられませんでした。
|
|
87
|
+
```html
|
|
88
|
+
{% load static %}
|
|
89
|
+
<!DOCTYPE html>
|
|
90
|
+
<html lang="ja">
|
|
91
|
+
<head>
|
|
92
|
+
<!-- Required meta tags -->
|
|
93
|
+
<meta charset="utf-8">
|
|
94
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
95
|
+
|
|
96
|
+
<!-- Bootstrap CSS -->
|
|
97
|
+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
|
98
|
+
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
|
99
|
+
|
|
100
|
+
<title>会員登録サンプル</title>
|
|
101
|
+
</head>
|
|
102
|
+
<body>
|
|
103
|
+
<!-- メインコンテント -->
|
|
104
|
+
<div class="container">
|
|
105
|
+
{% block content %}{% endblock %}
|
|
106
|
+
</div>
|
|
107
|
+
|
|
108
|
+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
109
|
+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
|
110
|
+
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
|
111
|
+
crossorigin="anonymous"></script>
|
|
112
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"
|
|
113
|
+
integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ"
|
|
114
|
+
crossorigin="anonymous"></script>
|
|
115
|
+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"
|
|
116
|
+
integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm"
|
|
117
|
+
crossorigin="anonymous"></script>
|
|
118
|
+
<script src="{% static 'app/js/plugins/responsive-paginate.js' %}"></script>
|
|
119
|
+
<script src="{% static 'app/js/app.js' %}"></script>
|
|
120
|
+
|
|
121
|
+
</body>
|
|
122
|
+
</html>
|
|
123
|
+
```
|
|
124
|
+
他に必要なコードがあれば追記させていただきますのでよろしくお願いいたします。
|