Как показать пустой вид при открытии домашней страницы панели инструментов в HTML?

Question

При первом запуске панель инструментов домашней страницы показывает детали проекта и название выбранного проекта в боковом меню.вот снимок экрана с текущим показом

Что именно мне нужно, это

вот код, который я использовал:

<div class="container-fluid">
  <div class="row">
    <nav class="col-md-2 d-none d-md-block bg-light sidebar">
      <div id="projectlist" class="sidebar-sticky">
        <ul class="nav flex-column nav-pills">


          <li class="nav-item">
            <a name="EventDrivenLLC" class="nav-link active" href="#">

              <img class="img-fluid" style="width:8%" src="./Cloud Thrifty_files/generic_gcp.png">
              EventDrivenLLC

              <div>
                <small>
                ProjectId:
              </small>
              </div>
            </a>
            </li>

          <li class="nav-item">
            <a name="NickaJack" class="nav-link" href="#">

              <img class="img-fluid" style="width:8%" src="./Cloud Thrifty_files/generic_gcp.png">
              NickaJack

              <div>
                <small>
                ProjectId:
              </small>
              </div>
            </a>
            </li>

          <li class="nav-item">
            <a name="NickaJack" class="nav-link" href="#">

              <img class="img-fluid" style="width:8%" src="./Cloud Thrifty_files/generic_gcp.png">
              NickaJack

              <div>
                <small>
                ProjectId:
              </small>
              </div>
            </a>
            </li>

          <li class="nav-item">
            <a name="alarmist" class="nav-link" href="#">

              <img class="img-fluid" style="width:8%" src="./Cloud Thrifty_files/generic_gcp.png">
              alarmist

              <div>
                <small>
                ProjectId: alarmist-172522
              </small>
              </div>
            </a>
            </li>

Сведения отображаются при выбранном проекте - перечисленные проекты выводятся из бокового меню, если выбран какой-либо из проектов бокового меню, отображаются детали проекта и проект выделяется.

      <div id="decodingideas-147616" class="d-none justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom ">
        <h1 class="h2">Project:decodingideas</h1>



    <div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
      <div class="btn-group mr-2" role="group" aria-label="First group">
        <button type="button" class="btn btn-secondary">Compute API Enabled</button>
      </div>
      <div class="btn-group mr-2" role="group" aria-label="Second group">
        <button type="button" class="btn btn-secondary">Service Account Key</button>
      </div>
      <div class="btn-group" role="group" aria-label="Third group">
        <button type="button" class="btn btn-secondary">Other Errors</button>
      </div>
    </div>

---

<div class="container">
<h4>Compute Instances (0)</h4>
<table class="table table-striped h6">
<thead>
  <tr>
    <th scope="col">Name</th>
    <th scope="col">Type</th>
    <th scope="col">GCP Zone</th>
    <th scope="col">Startup</th>
    <th scope="col">Shutdown</th>
  </tr>

Answer 1

Посмотрите на ваш код более внимательно.Посмотрите, где у вас есть:

<a name="EventDrivenLLC" class="nav-link active" href="#">

И измените его на:

<a name="EventDrivenLLC" class="nav-link" href="#">

Я не уверен, что это полностью исправит это, поскольку я не вижу вашего полного кодирования для этой страницы, но попробуйте сначала.