侧边栏和内容的引导程序对齐问题

时间:2018-06-09 15:10:21

标签: html5 css3 twitter-bootstrap-3 responsive-design

view of side bar closed state我正在学习引导程序,并尝试使用侧边栏创建简单页面。

我的现场演示是here

在此示例中,当侧边栏关闭时,内容部分不会占用显示屏的全部宽度。任何人都指导我解决这个问题。我希望当侧栏打开时内容部分不应溢出屏幕尺寸,并且当侧栏关闭时占据全宽。

View of side bar opened state

1 个答案:

答案 0 :(得分:0)

您必须应用一个CSS规则,并且需要将container更改为container-fluid

以下是style.css中的CSS规则:

#content {
   width: 100vw;
}

注意: - 如果您对容器的左右空间不满意,请不要将其更改为容器流体。

希望这对您有用:)