css - 在 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
}