我正在使用粉底,我不知道为什么我的 header 没有正确居中

I'm using foundation, and I don't know why my header isn't centered correctly

我在 CSS 方面很糟糕,但这是我正在处理的页面:https://www.aeonvera.com/

我正在使用 Foundation 5。

header 和 subheader 的标记如下所示:

.imageoverlay.text-center.panel.bg-header
    h1.text-center = APPLICATION_CONFIG["app_name"]
    h6.subheader.text-center Event registration designed for dancers.

(^ Slim 模板)

所以..我不知道为什么它不居中。有可能是其他东西干扰了居中?也许宽度? idk。这里超级混乱。

这是因为这个规则 .panel 尝试这样设置它,它会像你期望的那样居中 :

.panel { padding: 7.25rem; }

padding-right: 95px; 添加到 text-center class