Javascript Boostrap can'；无法处理非常大的屏幕分辨率

使用LG WebOS模拟器，我尝试查看我的网页。但它似乎无法处理非常大的屏幕（如屏幕截图所示，左右两侧有两个白色屏幕区域）。模拟器的分辨率为1920x907

屏幕截图：

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>

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验

这是Boostrap的网格限制吗？如果否，如何修复此问题？

---

感谢您将您的

.container

更改为

.container fluid

在bootstrap.css中，设置了最大宽度的限制

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

---

将

.container

更改为

.container fluid

在bootstrap.css中，设置了最大宽度的限制

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

---

Bootstrap大屏幕的属性限制为1170 px，因此您需要自己操作代码，或者在CSS文件中下载BootstrapXL grid类

---

大屏幕的引导属性限制为1170 px，因此您需要自己操作代码，或者在CSS文件中下载引导XL grid类

---

大屏幕的引导默认为1170px：

但是，您可以在此处进行自定义生成，以定义自己的默认行为：

---

大屏幕的引导默认为1170px：

但是，您可以在此处进行自定义生成，以定义自己的默认行为： 而不是使用

<div ... class="container">

这将给您相同的结果。

而不是使用

<div ... class="container">

这会给你同样的结果