我有一个容器流体不是在整个屏幕上延伸，即使它应该是

Question

我似乎无法弄清楚为什么这是。

我的代码如下：

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

    <div class="container-fluid"> 
    <div style="text-align:center"><a href="http://www.leagueofassassins.co.uk"> 
      <img class="banner" src="../images/logos/Logo%20for%20LoA.png"></a> 
    </div> 

    <!--Navbar Begin--> 
    <nav class="navbar-static-top navbar-inverse navbar-inner navbar-custom" role="navigation"> 

     <div class="container"> 
      <!-- Brand and toggle get grouped for better mobile display --> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" 
         data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <!--<a class="navbar-brand" href="#"></a>--> 
      </div> 

      <!-- Collect the nav links, forms, and other content for toggling --> 
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
       <ul class="nav navbar-nav"> 
        <li><a href="http://www.leagueofassassins.co.uk">Home</a></li> 
        <li><a href="http://www.leagueofassassins.co.uk/info/information.html">Info</a></li> 
        <li><a href="http://www.leagueofassassins.co.uk/roster/">Roster</a></li> 
        <li><a href="https://www.warcraftlogs.com/guilds/81546/">WarcraftLogs</a></li> 
        <li class="active"><a href="http://www.leagueofassassins.co.uk/apply/">Apply</a></li> 
       </ul> 
      </div> 
     </div> 
    </nav> 
    <!--Navbar End--> 

出于某种原因，它留下了大面积的右侧时，垂直的，而是当我的手机是水平的作品。我在下面列出了一些照片。任何帮助都会被处理。我希望它是全屏宽度。

忽略以及在与溢流文本底部，请。这不是问题。

见http://www.leagueofassassins.co.uk/apply/

Answer 1

事实证明，我不小心错过了.container定制和底部含量蔓延导致页面两侧的一些填充到需要扩大。它现在有效。谢谢。

Answer 2

它看起来像你的“主面板” CALS有60％的宽度，尝试删除它，它应该工作的罚款。

CSS类

.main-pane { 
margin-top: 1%; 
margin-bottom: 5%; 
width: 60%; // remove this line 
height: 100%; 
}