Q&A
コードはマークダウンのcode機能を利用してご提示ください
HPを作っています。bootstrapを使ったものです。
ローカルでは表示されるのですが、ウェブにあげると、うまく表示されません。
どうやらbootstrapの部分がうまく表示されてない、というとこまでわかったのですが、それから先は初心者でよくわかりません。
テンプレートサイトからダウンロードしてます。
該当のソースコード
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Rhythm in Wonderland Home Page</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description"> <!-- Favicons --> <link href="img/favicon.png" rel="icon"> <link href="img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:Lato:300,400,700,300italic,400italic|Raleway:400,300,700" rel="stylesheet"> <!-- Bootstrap CSS File --> <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Libraries CSS Files --> <link href="lib/icomoon/icomoon.css" rel="stylesheet"> <!-- Main Stylesheet File --> <link href="css/style.css" rel="stylesheet"> <!-- ======================================================= Template Name: Shield Template URL: https://templatemag.com/shield-bootstrap-agency-template/ Author: TemplateMag.com License: https://templatemag.com/license/ ======================================================= --> </head> <body data-spy="scroll" data-offset="58" data-target="#navbar-main"> <div id="navbar-main"> <!-- Fixed navbar --> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon icon-shield" style="font-size:30px; color:#3498db;"></span> </button> <a class="navbar-brand hidden-xs hidden-sm smoothscroll" href="#home"><span class="icon icon-shield" style="font-size:18px; color:purple;"></span></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="#home" class="smoothscroll">Home</a></li> <li> <a href="#greetings" class="smoothscroll"> 挨拶</a></li> <li> <a href="#details" class="smoothscroll"> 舞台詳細</a></li> <li> <a href="#performers" class="smoothscroll"> 出演者</a></li> <li> <a href="#tickets" class="smoothscroll"> チケット</a></li> <li> <a href="#past" class="smoothscroll"> 過去の公演</a></li> <li> <a href="#contact" class="smoothscroll"> お問い合わせ</a></li> </div> <!--/.nav-collapse --> </div> </div> </div>試したこと
元々ダウンロードしたそのままのものも、ウェブにあげたらうまく表示されませんでした。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
うまく表示されないというのはどこがどのようになっている状態なのでしょうか？
回答1件
0
投稿2019/10/24 09:52
退会済みユーザー
総合スコア0
ありがとうございます！
・１のl が違うのはわかったのですが、何に変えたらよいのでしょう？削除してみましたが、表示されません
・2は、</div>を消去、
・３は</ul>で直してみました。
まだフレームは壊れたままです
あなたの回答
tips
プレビュー
