HTML 包装器允许您将页眉、内容和页脚放在网页中的中心。标题可能非常花哨。以创造性的方式使用 CSS 或引导程序可以为您的活动网站页面提供侧边栏或两列外观。
句法：
content...
例子：
HTML
How to align header with
wrapper in Bootstrap?
GeeksforGeeks
Piece of text inside a 500px
width div centered on the page
HTML
Bootstrap 4 Align Header
with Wrapper
GeeksforGeeks
HTML
Bootstrap 4 Align Header
with Wrapper
GeeksforGeeks
HTML
Bootstrap 4 Align header
with wrapper
GeeksforGeeks
输出：
这是如何工作的：创建一个包装器并为其分配一定的宽度。使用 margin: auto或margin-left: auto或margin-right: auto属性为其应用自动水平边距。确保您的内容居中。
下面讨论了三种将标头与包装器对齐的方法：
方法 1：在 CSS 中将标题与包装器对齐。
HTML
Bootstrap 4 Align Header
with Wrapper
GeeksforGeeks
输出： 
方法 2：在 Bootstrap 4 中将标头与包装器对齐。
HTML
Bootstrap 4 Align Header
with Wrapper
GeeksforGeeks
输出： 
注意： “包装器”封装了页面上的所有其他可视组件。最直接的方法是拥有一个“wrapper” div部分，其宽度与左右自动边缘一起。负边缘也可用于水平和垂直居中。但它有其自身的缺点，例如，如果调整窗口浏览器的大小，则无法再看到内容。
方法 3：在 Bootstrap 4 中将 header 与 flexbox 对齐。在以下示例中，导航中的 CSS “Flexbox”用于将内容居中。
HTML
Bootstrap 4 Align header
with wrapper
GeeksforGeeks
输出： 
包装器和容器之间的区别：在编程语言中，容器一词用于表示可以包含多个部分的结构。包装器是环绕单个对象以提供更好的灵活接口的东西。