在
this example layout我想要的只有英雄单位是100%宽,并在默认网格内.例如,check this site.它只有英雄单位部分(展示区域)全宽,固定宽度(导航,底部内容,页脚).
我需要这样做,而不会失去响应设计功能.
解决方法
将您的.hero-unit div移动到您的.container div之外.
.container样式将您限制为一个设置的宽度.其中的任何内容都将具有父级的最大宽度.
代替:
<div class="container"> <div class="hero-unit"> </div> </div>
使用:
<div class="hero-unit"> </div> <div class="container"> </div>