移除固定标头和页脚

Question

有没有办法从封面 bootstrap 模板中删除固定标头和页脚？我一直在搜索文件并进行了一些编辑，但看不到任何真正的变化。

Answer 1

删除 .masthead 和 .mastfoot 元素...或将它们设置为 display:none，如：

.masthead, .mastfoot{
    display:none;
}

Answer 2

是的，您可以从封面 bootstrap 模板更改固定标头和页脚的位置，为此您需要覆盖一些 bootstrap classes

覆盖

.site-wrapper-inner {
 /*  vertical-align:middle;  REMOVED */
  vertical-align:top; /* ADDED */
}
.masthead {
  /*  position: fixed;  REMOVED */
  position: relative; /* ADDED */
}
.mastfoot {
 /*  position: fixed;  REMOVED */
  position: relative; /* ADDED */
}

如果您想完全删除这些元素，那么您可以将 "hidden" class 添加到刊头和刊脚，如下所示

<div class"masthead hidden"></div>
<div class"mastfoot hidden"></div>

0R

.masthead {
  display:none
}
.mastfoot {
  display:none;
}

移除固定标头和页脚

Remove fixed masthead and footer

html

css

templates

cover

twitter-bootstrap