在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

因?yàn)閎ootstrap的container容器設(shè)計(jì)的最大展示寬度為1140px,本人面試時(shí)別人提供的psd原圖顯示為1920px;沒學(xué)過這種超大像素的。
如果在最外層的1920設(shè)置為margin:0 auto;并不能實(shí)現(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>

實(shí)際效果

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

回答
編輯回答
祈歡

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

圖片描述


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

圖片描述

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

2018年7月9日 13:09