引導，我如何保持我的容器全屏幕的寬度

我有以下代碼和導航欄保持全寬，無論屏幕大小...好！，但下面的代碼變爲寬度：708，當它變小時，我只希望它也是100％。引導，我如何保持我的容器全屏幕的寬度

<div class="navbar navbar-static-top" id="navigation"> 
     <div class="navbar-inner"> 
     <div class="container-fluid"> 
      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="brand" href="#"><img style="height:20px; padding: 0px; margin: 0px;" src="<?php echo Site::$imageFolder; ?>logo.png" alt="logo" /></a> 
      <div class="nav-collapse collapse"> 
      <ul class="nav pull-right topRightIcons"> 
       <li class="active"><a href="#"><i class="icon-user icon-white"></i></a></li> 
       <li><a href="#about"><i class="icon-eject icon-white"></i></a></li> 
      </ul> 
      </div><!--/.nav-collapse --> 
     </div> 
     </div> 
    </div> 
    <!-- THIS ONE HERE --> 
    <div class="row-fluid" id="topBar"> 
     <div class="span12">   
      <p class="nav-text pull-right"><img src="http://placehold.it/15x15" alt="Your company logo"> Welcome ClientName</p> 
     </div> 
    </div>

#topBar is purely for colour, as is #navigation

enter image description here

來源

2013-04-08 Jimmyt1988

你需要重寫媒體查詢。創建一個custom.css（any-name.css）。在其中添加此代碼。

@media (max-width: 767px) 
{ 
    body { 
     padding-right: 0px; 
     padding-left: 0px; 
    } 
}

現在它應該堅持容器瀏覽器寬度。

重要注意事項 - 不要在現有樣式表中進行任何更改。覆蓋它，而不是： - ）

來源

2013-04-08 10:34:02

你確定你已經包括自定義CSS和記住，它應該加載後引導和響應CSS。 – 2013-04-08 10:59:35

很高興它工作！ – 2013-04-08 11:00:19

引導，我如何保持我的容器全屏幕的寬度

回答

相關問題