在引导 css 中编辑组件样式的方法

Question

我是使用引导 css 的新手。更改某些元素的 css 样式的正确方法是什么？

1. 进入 bootstrap.css，获取类名并更改或添加高度、宽度、左侧等值
2. 在 html 文件中为该元素添加内联 css？

在过去的 4 小时内，我正在尝试降低此示例中页眉和页脚的高度 :(

Code pan Example

如果有人准确地为这个例子做出改变，那么非常感谢。

想降低页脚和页眉部分的高度

Answer 1

你必须重写 CSS 类

//reduce the height of header 
    .navbar-default {
        height: 50%; // Choose your height
    }

//reduce the height of footer
#footer {
    height: 100px;// Choose your height
}