Twitter bootstrap 3 如何在Bootstrap 4中创建页眉？

由于在Bootstrap 4中，

.page header

类已被弃用，如何创建与Bootstrap 3

.page header

类具有相同样式的页眉？

据我所知，Bootstrap 4中没有直接替代Bootstrap 3

.page header

但是，bootstrap 3

。页眉的CSS只是：

padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;

因此，您可以在css文件中创建自己的类：

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

根据，应改为使用：

<div class="pb-2 mt-4 mb-2 border-bottom">
      Page header
</div>


页眉



pb-2-衬垫底部2个间隔装置
mt-4-边缘顶部4个间隔装置
mb-2-边缘底部2个间隔装置
边框底部-边框底部：1px实心rgb（222226230）
我不知道为什么这个问题会被否决，因为它不是重复的，它符合stackexchange规则，而且也很有用，因为网络上没有关于这个问题的答案。如果我错了，请纠正我，并向我解释为什么有些人认为这个问题没有用。例如，stackoverflow的一些问题没有显示任何解决问题的尝试，答案就在文档中。通常这些简单的问题是最著名的。我的问题的答案并不在引导迁移文档中。文档只说你必须自己实现页眉样式，而不是如何实现。至于公认的答案，你是对的。有4个答案我忘了接受（包括你的：-P）。所有其他人都没有被接受，因为要么他们没有回答我的问题，要么我是唯一一个回答了我自己问题的人，我接受我的回答似乎很奇怪。我刚才已经接受了。但我不相信，我不接受答案的历史与我的答案被否决有关（作为惩罚的一种方式？）。因为上面的评论似乎是离题的，任何版主，如果认为有必要，都可以随意删除它们。这似乎是一个更好的选择，因为它允许您轻松创建不同的页眉样式。我讨厌旧的引导方式，因为在Joomla中，你有页面标题，但也有组件标题，仅使用页面标题类，你无法真正区分两者，但现在有了它，你可以有一个作为pb-2 mt-4 mb-2 border bottom，下一个作为pb-1 mt-2 mb-2 border bottom，因此你可以定制很多进一步的我很喜欢BS4中新的padding和margin类-非常方便！仅供参考，codeply的链接对我不起作用。谢谢