Question

I tried using the anchor tag and its not working.I also tried this,
 <h2 class="navbar-brand brand-name">
   <a href="index.html"><img class="img-responsive2"       
   src="images/DigitalPondlogo.png">DigitalPond</a>

但是我收到一个错误消息，指出图像标签未关闭。我是bootstrap的初学者，并且很难解决此问题。我想在徽标中添加**图像以及文本（航班预订系统）** 。我需要徽标在左侧。

这是现有代码。


          <nav className="navbar navbar-expand navbar-dark bg-dark ">
          <Link to={"/"} className="navbar-brand">
          
             Booking
            </Link>
            <div className="navbar-nav mr-auto">
              <li className="nav-item">
                <Link to={"/home"} className="nav-link">
                  <strong>Home</strong>
                </Link>
              </li>

             

              {showAdminBoard && (
                <li className="nav-item">
                  <Link to={"/admin"} className="nav-link">
                    <strong> Admin </strong>
                   
                  </Link>
                </li>
              )}

              {currentUser && (
                <li className="nav-item">
                  <Link to={"/user"} className="nav-link">
                    <strong> User</strong>
                   
                  </Link>
                </li>
              )}
            </div>

            {currentUser ? (
              <div className="navbar-nav ml-auto">
                <li className="nav-item">
                  <Link to={"/profile"} className="nav-link">
                    <strong> {currentUser.username}</strong>
                   
                  </Link>
                </li>
                <li className="nav-item">
                  <a href="/login" className="nav-link" onClick={this.logOut}>
                    <strong> LogOut</strong>
                   
                  </a>
                </li>
              </div>
            ) : (
              <div className="navbar-nav ml-auto">
                <li className="nav-item">
                  <Link to={"/login"} className="nav-link">
                    <strong>Login</strong>
                  </Link>
                </li>

                
              </div>
            )}
          </nav>

Answer 1

该错误非常准确。您的config/标签未关闭。尝试更换

img

与<img class="img-responsive2" src="images/DigitalPondlogo.png">

注意img标签末尾的<img class="img-responsive2" src="images/DigitalPondlogo.png" />。

我在导航栏中添加徽标时遇到问题

1 个答案: