Q&A
通常は「サイト見て」だと宣伝目的と捉えられるので、問題が起きる最小限度のコードを提示します。
URLだけが必要なケースは本当に稀有です。
ガイドライン(質問するときのヒント)を一読してください。
ホームページ作成は全くの素人なのに、仕事で仕方なく、四苦八苦しながら、
bootstrap buttonを使ってボタンを作りネット上にアップしました。
しかし、bootatrapのボタンを使ったページだけ、スマホ用サイトのメニューバーがドロップダウンしません。
他のページはしています。
何故でしょうか。
もうお手上げです。どなたか教えていただけませんでしょうか。
<!-- BootstrapからコピーしたボタンのHTML -->html
1<!-- Bootstrap CSS --> 2<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> 3
html
1<a class="btn btn-warning mb-2" href="kouji.html" role="button">耳が痛い</a> 2
html
1 <!-- Optional JavaScript --> 2 <!-- jQuery first, then Popper.js, then Bootstrap JS --> 3 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> 4 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> 5 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
html
1<!-- メインナビゲーション --> 2<nav id="mainNav"> 3 <div class="inner"> 4 <a class="menu" id="menu"><span>MENU</span></a> 5 <div class="panel"> 6 <ul> 7 <li class="active"><a href="index.html"><strong>トップページ</strong></a></li> 8 <li><a href="shiraneent.html"><strong>当院について</strong></a></li> 9 <li><a href="directorprofile.html"><strong>院長挨拶</strong></a></li> 10 <li><a href="https://shirane-ent.cs2.jp/yoyaku/"><strong>予約システム</strong></a></li> 11 <li><a href="disease.html"><strong>耳鼻科の病気と治療</strong></a></li> 12 <li class="last"><a href="mapnew.html"><strong>アクセス</strong></a></li> 13 </ul> 14 </div> 15 </div> 16</nav> 17
情報はこれでいいでしょうか。
すいません。なるほどごもっともです。
hedタグの中に
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
ページの中に
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
を書きました。
ボタンは
<!-- BootstrapからコピーしたボタンのHTML -->
<a class="btn btn-warning mb-2" href="kouji.html" role="button">耳が痛い</a>
です。
この中にプルダウンメニューに影響を及ぼすものがあるのでしょうか。
よろしくお願いします。
質問は編集できますので、質問本文にご提示ください。
HTMLはボタンだけだと何も再現しないので、「メニューバー」部分も提示してください。
またコードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564
あなたの回答
tips
プレビュー
