Bootstrap - 围绕面板的白色边框

所以我有这个网站，我正在处理它，它涉及它在引导面板中的“主要”内容。该面板的理想宽度是670px。所以我所做的是我创建了一个width: 670px的父代。这是我的输出：Bootstrap - 围绕面板的白色边框

enter image description here

什么惹恼了我这么多的是，在合适的白大块。如何解决这个问题，使其消失？

这是HTML我使用：

<div class=" panel_big"> 
       <div class="panel_top_orange"> 
    <i class="fa fa-home"></i> 
        <span>Welkom!</span> 
       </div> 
       <div class="panel-body"> 
        Lorem ipsum 
       </div> 

          </div>

我的CSS：

.panel_big { 
     overflow: hidden !important; 
      border: 3.5px solid rgba(213, 220, 226, 0.9) !important; 
      width: 670px; 
    }

那么，如何消除这种空白？我已经尝试覆盖引导设置给面板的宽度为670像素，但空间仍然存在...

谢谢。如果您正在使用bootstarp这里面

来源

2015-02-07 Wesley Peeters

更清楚地解释你的目标。 – Raul 2015-02-07 08:56:45

一切就绪的div

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

。

来源

2015-02-07 08:59:05

我刚刚做了，创建了更多空格......现在在容器左侧还有一些空白符... – 2015-02-07 09:00:21

这就是它的作用。它将所有东西放在容器的中间，以免看起来不好。如果你根本不想要任何空间。尝试调整宽度属性。试试这个'width：auto'或'overflow-x'属性 – 2015-02-07 09:04:59

当浏览器宽度小于670px时，需要使用margin: auto以更好地使用width：100％，最大宽度为670px .panel_big将开始适合其宽度与浏览器宽度。这里的代码：

.panel_big { 
    overflow: hidden !important; 
    border: 3.5px solid rgba(213, 220, 226, 0.9) !important; 

    /* added code */ 
    width: 100%; 
    max-width: 670px; 
    margin: auto; 
}

来源

2015-02-07 10:00:17

Bootstrap - 围绕面板的白色边框

回答

相关问题