簡單的CSS誤解與Rails應用程序和引導

我想添加一個包裝到我的主頁上的主div div seen here ..我還沒有購買ssl證書。簡單的CSS誤解與Rails應用程序和引導

我正在使用引導，這個div有容器類。我想用div來包裝它以提供背景，類似於twillio site。

這是一個簡單的css manuever（或者我想），所以我確定我在rails/bootstrap一側缺少了一些東西。我使用幾種佈局，按照軌道慣例，並且在嘗試瞭解這一點後大約3小時後，我恐怕會在這裏錯過更深的東西。感謝您的幫助。

<div class="center hero-unit" id="homegreen"> 
<h1>54footy</h1> 
<iframe width="550" height="315" src="http://www.youtube.com/embed/1hQmlFzqJyo" frameborder="0" allowfullscreen></iframe> 
<p>Your Heroes here -54footy</p>  
<%= link_to "Pick your Hero", signup_path, class: "btn btn-large btn-primary" %>  
<input type="text" data-provide="typeahead" data-source="["Option 1","Option 2","Option 3"]"> 
</div>

application.html.erb

<!DOCTYPE html> 
<html> 
<head> 
    <title><%= full_title(yield(:title)) %></title> 
    <%= stylesheet_link_tag "application", :media => "all" %> 
    <%= javascript_include_tag "application" %> 
    <%= csrf_meta_tags %> 
    <%= render 'layouts/shim' %> 
</head> 
<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> 
</html>

當我嘗試插入的背景一個div它集中就像容器，我基本上是希望它舒展首頁的整個長度並有那些div現在已經在背景中居中了。與我列爲參考的twillion站點非常相似。

來源

2012-08-25 computer_smile

在我的靜態頁面控制器我加

render :layout => false

然後，我複製了我的應用程序佈局，並將其放入我的主視圖中。從那裏我能夠以前所未有的方式操縱家庭CSS。基本上將問題中的上述代碼添加到問題中的後者代碼中。

<!DOCTYPE html> 
<html> 
    <head> 
    <title><%= full_title(yield(:title)) %></title> 
    <%= stylesheet_link_tag "application", :media => "all" %> 
    <%= javascript_include_tag "application" %> 
    <%= csrf_meta_tags %> 
    <%= render 'layouts/shim' %> 
    </head> 
    <body> 
    <%= render 'layouts/header' %> 
    <div id="wrapper" style="height:600px; background-color:red;"> 
     <div class="container"> 
    <% flash.each do |key, value| %> 
     <%= content_tag(:div, value, class: "alert alert-#{key}") %> 
    <% end %> 
     <div> 
      <span id="home_pic"> 
      <img src="http://placehold.it/550x315"> 
      </span> 
     </div> 
     </div> 
    </div> 
    <div class="container"> 
     <%= render 'layouts/footer' %> 
    <%= debug(params) if Rails.env.development? %> 
    </div> 
    </body> 
</html>

有沒有obv沒有幹這件事。任何人都會想到更好的方式來做到這一點，我很積極，這只是我的修復。謝謝。

來源

2012-08-26 23:21:39

我看到的第一件事情是，你不要關閉

<div class="center hero-unit" id="homegreen">

嘗試在結尾處增加一個</div> ...：d

來源

2012-08-25 22:29:10 Bijan

啊，這是一個SO的複製和粘貼錯誤，它已被修復。謝謝 –

任何想法我可以做什麼？在靜態頁面html基本上逃避應用程序佈局中的容器類？ –

簡單的CSS誤解與Rails應用程序和引導

回答

相關問題