Bootstrap容器不会在小屏幕上居中

我的导航栏,身体在他们的课程中有“容器”。屏幕宽度小于约600px,容器未居中。屏幕右侧有一个空白区域。我尝试使用.container的断点,但无济于事。根据引导程序文档,.containers将采用100%的宽度用于超小屏幕(<= 576 px)。但是,我得到的不是这种情况。我有什么想念的吗?

Iphone X

Width: 574 px

评论
  • oiusto
    oiusto 回复

    Without seeing the full code, have you added the viewport meta tag into the <head> element of your html?

    <meta name="viewport" content="width=device-width, initial-scale=1">

    您也可以尝试将body元素的宽度设置为100%

    body { width: 100%; }

    这些将是第一个要研究的地方。通常,如果容器元素没有某种“引用”来居中,它们将不会居中。