Boostrap無法處理非常大的屏幕分辨率

使用LG WebOS模擬器，我嘗試查看我的網頁。但它似乎Bootstrap無法處理非常大的屏幕（如屏幕截圖所示，在左側和右側有2個白色屏幕區域）。仿真器的分辨率爲1920x907Boostrap無法處理非常大的屏幕分辨率

屏幕截圖：

的HTML：

<div style="background-color:green" class="container"> 
    <div class="row"> 
     <div class="col-lg-1">1</div> 
     <div class="col-lg-1">2</div> 
     <div class="col-lg-1">3</div> 
     <div class="col-lg-1">4</div> 
     <div class="col-lg-1">5</div> 
     <div class="col-lg-1">6</div> 
     <div class="col-lg-1">7</div> 
     <div class="col-lg-1">8</div> 
     <div class="col-lg-1">9</div> 
     <div class="col-lg-1">10</div> 
     <div class="col-lg-1">11</div> 
     <div class="col-lg-1">12</div>     
    </div> 
    <div class="row"> <div align="center"><b>test</b></div> </div> 
    <div class="row"> <div align="center"><b>test</b></div> </div> 
    <div class="row"> <div align="center"><b>test</b></div> </div> 
    <div class="row"> <div align="center"><b>test</b></div> </div> 
    <div class="row"> <div align="center"><b>test</b></div> </div> 
    <div class="row"> <div align="center"><b>test</b></div> </div> 
    <div class="row"> <div align="center"><b>test</b></div> </div> 
    <div class="row"> <div align="center"><b>test</b></div> </div> 
    <div class="row"> <div align="center"><b>test</b></div> </div> 
    <div class="row"> <div align="center"><b>test</b></div> </div> 
    <div class="row"> <div align="center"><b>test</b></div> </div>    
    <div class="row"> 
     <div class="col-lg-12"><div id="dimensions" align="center"></div></div> 
    </div> 
</div>

這是自舉的GRID限制？如果沒有，如何解決這個問題？前謝謝...

來源

2015-09-07 anunixercoder

而不是使用

<div ... class="container">

嘗試

<div ... class="container-fluid">

我不知道你和運行，其中Bootstrap版本，但在3.1（我相信）你有無障礙此類。作爲更多的自定義可選方案，你可以創建自己的css類，像這樣，

.container-full { 
    margin: 0 auto; 
    width: 100%; 
}

這將使你同樣的結果。

來源

2015-09-07 07:55:03 Matt

謝謝，它的工作原理... – anunixercoder

更改.container到.container-fluid

在bootstrap.css，有一個最大寬度

@media (min-width: 1200px) { 
.container { 
    width: 1170px; 
} 
}

來源

2015-09-07 07:50:35 slashsharp

引導屬性大屏幕僅限於設置限制1170 px，因此您需要自己操作代碼或者下載引導程序XL網格類中的一個CSS file here;

Bootstrap XL

來源

2015-09-07 07:50:54

引導大型顯示器默認爲1170px： http://getbootstrap.com/css/#grid-options

但是，你可以做一個自定義的構建這裏來定義自己的默認行爲： http://getbootstrap.com/customize/#container-sizes

來源

2015-09-07 07:54:49

Boostrap無法處理非常大的屏幕分辨率

回答

相關問題