鍍金池/ 問答/HTML/ bootstrap實現(xiàn)1920px的方法

bootstrap實現(xiàn)1920px的方法

因為bootstrap的container容器設計的最大展示寬度為1140px,本人面試時別人提供的psd原圖顯示為1920px;沒學過這種超大像素的。
如果在最外層的1920設置為margin:0 auto;并不能實現(xiàn)居中效果小屏幕是優(yōu)先顯示左邊區(qū)域,各位大佬求解

    <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>

實際效果

是修改媒體查詢各個分辨率的最大顯示寬度,還是給大的藍色盒子怎么設置?將頁面縮小的確是顯示在屏幕的中間

回答
編輯回答
祈歡

呃... 親自試了一下才明白題主的提問,重新回答如下:

圖片描述


使用 .container-fluid 代替 .container , 不用給header設置寬度。

圖片描述

來源:https://v3.bootcss.com/css/#grid

2018年7月9日 13:09