Bootstrapのサンプルサイトについて教えてください。

Question

htmlを学習してまだ日が浅いため、bootstrapのサンプルサイトを編集して
サイトを作っています。

以下のサンプルです。
https://bootstrapmade.com/flexstart-bootstrap-startup-template/

ヘッダーを別のものに差し替えたいため、元のヘッダーを削除したのですが、
全ての要素が表示されなくなってしまいました。
他の要素を消しても同じ症状は現れないのですが・・・
何の要素を消すとそうなるのか原因が知りたいです。

フェードインするアニメーションが全ての要素に適応されているみたいので
それが関係あるのかもしれませんが、javasprictについては完全に素人でよくわかりませんでした。

何卒、ご協力お願いいたします。

Comments

[Lhankor_Mhy]

コードをご提示ください。

[jon0080]

申し訳ありません。
削除したヘッダーは以下のコードです。

<!-- ======= Header ======= -->
<header id="header" class="header fixed-top">
<div class="container-fluid container-xl d-flex align-items-center justify-content-between">
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#services">Services</a></li>
<li><a class="nav-link scrollto" href="#portfolio">Portfolio</a></li>
<li><a class="nav-link scrollto" href="#team">Team</a></li>
<li><a href="blog.html">Blog</a></li>

<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
<li><a class="getstarted scrollto" href="#about">Get Started</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->

</div>
</header><!-- End Header -->

[Lhankor_Mhy]

いえ、ご提示いただきたいのは、ヘッダを削除してコンテンツが見えなくなったコードです。

[jon0080]

申し訳ございません。
制作しているのは企業のサイトで、ここで公開しても良いのか判断できないため、控えさせてください。
差し替えようとしたヘッダーに専用のcssがあり、そのcssを読み込まなければアニメーション表示が問題ないことがわかったので、そこを重点的に調べてみます。
ありがとうございました。

Answer 1

HTMLの修正ミスが疑われるので、ひとまずValidation Serviceなど利用してみては。
The W3C Markup Validation Service