HTML导航栏边框问题

Question

导航栏有一个底部边框，我已经玩了几个小时，我无法弄清楚如何摆脱它：

我对这个属于哪个班级感到有些困惑：

＆＃13;

＆＃13;

.navbar{
  background: transparent;
}

.navbar-header, .navbar-right > li > a{
 color: white;
 font-family: 'Robato', sans-serif;
 font-size: 20px;
 line-height: 20px;
 padding: 20px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar">
<div class="container-fluid">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header navbar-brand row">
    <div class="col-sm-1">
      <a href="index.html">
        <img id="logo" src="images/badge.png">
      </a>
    </div>
    <div class=" col-sm-5 text-left text-uppercase" id="headtext">
      Chicago Chapter of Delta Upsilon Fraternity
    </div>
  </div>

  <div class="">
    <ul class="nav navbar-nav navbar-right">
      <li><a href="index.html">Home</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="leadership.html">Leadership</a></li>
    </ul>
  </div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->

＆＃13;

＆＃13;

＆＃13;

Answer 1

我能够看到锚标签的边框底部。为此你可以使用。这是你的小提琴所能理解的。

ul li a
{ 
   text-decoration:none;
}