2014-05-08 63 views
0

不同容器寬度我的應用程序被設置爲使得我的application.html.erb如下:滑軌:引導並且對於某些行

<body> 
    <%= render 'layouts/header' %> 
    <div class="container"> 
     <% flash.each do |key, value| %> 
     <%= content_tag(:div, value, class: "alert alert-#{key}") %> 
     <% end %> 
     <%= yield %> 
     <%= render 'layouts/footer' %> 
     <%= debug(params) if Rails.env.development? %> 
    </div> 
</body> 

這意味着每次我有視圖是容器類中,這會將寬度限制爲bootstrap 2.x的默認值!這對我迄今爲止所做的所有事情都很好,但在特定的視圖中,我有一些行,我真的想佔據全屏寬度,但我不知道如何去做。我嘗試了以下,但它不起作用。

筆者認爲:

<div id="full-row"> 
    my view here 
</div> 

在我custom.css文件我有以下幾點:

#full-row{ 
    max-width: 1920px; 
    margin: 0px auto; 
} 

這可能是東西很簡單,但CSS不是我以任何方式強項。任何幫助將非常感激。

+0

任何人都可以幫忙嗎?我敢肯定這是快速做的事情,但真的很感謝一些幫助:) – DaveInFL

+0

任何人?我仍然在爲此而苦苦掙扎。真的很感激幫助。 – DaveInFL

+0

任何人都? – DaveInFL

回答

0

這就是我最終設法解決這個問題的方法。

在我custom.css我創建了以下內容:

.container-wide{ 
    max-width: 1980px; 
    min-width: 1024px; 
    margin: 0px 30px 0px 30px; 
} 

除了上述,我改變了看法,使我從我的application.html.erb文件中刪除行,而是打開和關閉每個視圖中的div,並在需要時使用容器範圍。