bootstrap实现1920px的方法
因为bootstrap的container容器设计的最大展示宽度为1140px,本人面试时别人提供的psd原图显示为1920px;没学过这种超大像素的。
如果在最外层的1920设置为margin:0 auto;并不能实现居中效果小屏幕是优先显示左边区域,各位大佬求解
<header>
<div class="container">
<div class="row">
<div class="col-md-4 text-left nav-left"></div>
<div class="col-md-8 text-right nav-right"></div>
</div>
</div>
</header>
<style>
header{
width: 1920px;
background-color: rgb(44,44,179);
margin: 0 auto;
}
.nav-left{
height: 90px;
background-color: #00b3ee;
}
.nav-right{
height: 90px;
background-color: #0b2e13;
}
</style>
是修改媒体查询各个分辨率的最大显示宽度,还是给大的蓝色盒子怎么设置?将页面缩小的确是显示在屏幕的中间
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
呃... 亲自试了一下才明白题主的提问,重新回答如下:
使用 .container-fluid 代替 .container , 不用给header设置宽度。
来源:https://v3.bootcss.com/css/#grid