css - 响应式设计基础/Bootstrap 高度设置最佳实践

Question

只是想知道最佳实践到底是什么，在响应式布局中设置页眉的高度。您会将其设置为列、行还是嵌套在行内的元素。我知道这是一个非常基本的问题，可能没有正确答案，但我很难就此达成共识。

是否最好以与其他元素完全分离的方式使用框架，例如，永远不要将自定义 css 添加到行/列标签，只使用内部容器？什么是首选？

Answer 1

我通常让内容设置高度。

<header>
<div class="container">
<div class="row">
<div class="span12">
<h1 class="padding_min-height_etc"><!-- h1 with a height / margin / padding etc -->

尽管我注意到其他人使用在 header 本身上设置的类。

<header id="overview" class="jumbotron subhead">
<div class="container">
<h1>Components</h1>

我总是被教导不要使用 HTML 标签来设计内容的样式......