减少bootstrap navbar css中的页眉/页脚大小

Question

我是bootstrap css的新手。面对调整页眉和页脚高度的问题。

页脚代码：

<div id="footer">
      <div class="container">
    <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">What is thenWat?</a></li>
              <li><a href="#about">How does it work?</a></li>
              <li><a href="#contact">Feedback</a></li>
              <li><a href="#contact">Contact us</a></li>                            
            </ul>
          </div><!--/.nav-collapse -->
      </div>
    </div>

这里是添加了css的codepen：

Link to codepen

同样链接到标题：link to header demo

有人能告诉我如何减少身高或页脚？

我尝试在页眉页脚类中减少高度但没有变化。

编辑bootstrap元素背后的逻辑是什么？

Answer 1

您可以在Bootstrap官方网站的“自定义”部分中更改标题的高度：

http://getbootstrap.com/customize/#variables-navbar

寻找变量@navbar-height。

实施例： http://codepen.io/anon/pen/sHLmJ