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

Question

我是新手使用bootstrap 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
}