Css 如何将导航栏以及其中的列表项设置为更小？

如何使反向导航栏内的元素以及导航栏本身的高度更小

<nav class="navbar navbar-inverse">
  <div >

    <ul class="nav navbar-nav mr-left" id="ulSpacing">
      <li><a href="#"><span>Live</span> Podcast</a></li>
      <li><a href="#">Kolumnisti</a></li>
      <li><form class="navbar-form " action="/action_page.php">
      <div >
        <input type="text" class="form-control" placeholder="Search" id="searchBar">
      </div>

    </form>
    </li>
    </ul>

  </div>
</nav>

您可能会发现很难缩小反向导航栏的高度。其中一个元素包括搜索表单，浏览器通常在

标记前后包含

。让我们逐行比较您的值

---

HTML:

调用两种CSS样式，表示高度介于20-30px之间。

CSS:

---

HTML：有对

.mr left

和

#ulspace

的引用，在CSS中没有相关样式。查看您的代码，看看它们是否有任何指示值会影响反向导航栏

<div >

<ul class="nav navbar-nav mr-left" id="ulSpacing">

---

---

HTML：跳到

找不到的地方。在您的CSS样式中留下了mr，您可以添加它吗（请）？
<div >

<ul class="nav navbar-nav mr-left" id="ulSpacing">

.nav {
  width: 100%;
  text-align:center;  }

.navbar-default .navbar-nav>ul>li>a {
    width: 100%;  }

.mr-left {   MISSING CLASS STYLE   }

#ulSpacing {  MISSING ID STYLE  } 

  <li><form class="navbar-form " action="/action_page.php">
  <div >
    <input type="text" class="form-control" placeholder="Search" id="searchBar">
  </div>

</form>
</li>

.navbar-form {
    margin:5px 30px 3px 5px;  }

#searchBar {
    padding: 10px 5px 10px 5px;
    height: 90%  }

.navbar-default {
    background-color: white;

#bs-example-navbar-collapse-1 {
    background-color: white;
}

}