【发布时间】:2018-08-25 02:33:49
【问题描述】:
我正在开发一个网站,我有一个模板,它的左侧、右侧和底部都有一个灰色轮廓。
我想从模板中移除灰色轮廓,并将灰色轮廓包围的模板扩展为 100% 的宽度和高度。
请看上图:
这是模板的链接:
【问题讨论】:
标签: html css templates responsive-design
我正在开发一个网站,我有一个模板,它的左侧、右侧和底部都有一个灰色轮廓。
我想从模板中移除灰色轮廓,并将灰色轮廓包围的模板扩展为 100% 的宽度和高度。
请看上图:
这是模板的链接:
【问题讨论】:
标签: html css templates responsive-design
您可以通过多种方式做到这一点。
因为您使用 Bootstrap,所以正确的方法是使用 container-fuid 类的 div 更改具有 container 类(具有固定宽度)的 div
你也可以保留你所拥有的,例如(不是正确的方式)使用:
.page-wrapper.container {
width: 100% !important;
min-height: 100vh !important;
}
100vh 高度是为你的 div 取你的屏幕高度。
【讨论】: