2014-01-15 65 views
1

我使用組建我的視圖的引導程序,我在我的視圖中有下面的代碼,the container will be a fixed value of 980pxnavbar should have a width of 242px,但是現在導航欄的寬度是通過引導自動計算的,寬度爲245px。使用固定容器的BootStrap Grid問題

有沒有什麼辦法做定製,使導航欄有一個固定的寬度爲242px?

<div class="row" > 
     <div id="navbar" class="col-sm-3 col-lg-3 navbar">    

     </div> 
     <div class="col-sm-9 col-lg-9 content"> 
      content 
      <!-- insert nested grid here --> 
     </div>   
    </div>  
</div> 
+1

不包括導航欄自舉類,相反,只是放置您製作的任何自定義課程.. .done! :) – NoobEditor

回答

2

替換此: -

<div id="navbar" class="col-sm-3 col-lg-3 navbar"> 

有了這個: -

<div id="navbar" class="navbar"> 

.navbar{ 
width: 242px; 
} 
+0

賓果......完全...... + 1隊友! :D – NoobEditor

+0

@NoobEditor好...你很聰明..! :) – Anup

+0

大聲笑....我會把它當作*諷刺*! :d – NoobEditor

1

試試這個

<div class="row" > 
      <div id="navbar" class="col-sm-3 col-lg-3 navbar" style="width:242px;">    

      </div> 
      <div class="col-sm-9 col-lg-9 content"> 
       content 
       <!-- insert nested grid here --> 
      </div>   
     </div>  
    </div> 
+0

'col-lg-xx'基於'min-width'什麼'px' ...任何想法??? ;) – NoobEditor

+0

不知道,但改變課程會使許多問題,因爲他使用引導。 – Shn

+0

'col-lg-'用於'Large devices Desktops(≥1200px)',所以它會導致問題....並且由於BS只是css的編譯而不是框架,所以您始終可以忽略使用它的類....簡單! :) – NoobEditor