我的导航栏,身体在他们的课程中有“容器”。屏幕宽度小于约600px,容器未居中。屏幕右侧有一个空白区域。我尝试使用.container的断点,但无济于事。根据引导程序文档,.containers将采用100%的宽度用于超小屏幕(<= 576 px)。但是,我得到的不是这种情况。我有什么想念的吗?
- 积分
0 - 话题
0 - 评论
3175 - 注册排名
2419
我的导航栏,身体在他们的课程中有“容器”。屏幕宽度小于约600px,容器未居中。屏幕右侧有一个空白区域。我尝试使用.container的断点,但无济于事。根据引导程序文档,.containers将采用100%的宽度用于超小屏幕(<= 576 px)。但是,我得到的不是这种情况。我有什么想念的吗?
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%; }
这些将是第一个要研究的地方。通常,如果容器元素没有某种“引用”来居中,它们将不会居中。