0

ここに表示されている自分のサイトのホームページのメイン div にラッパーを追加したい..まだ ssl 証明書を購入していません。

私はブートストラップを使用しており、この div にはコンテナークラスがあります。このtwillio サイトと同様に、背景を提供するために div でラップしたいと考えています。

これは単純な css 操作 (または私がそう思った) であるため、レール/ブートストラップ側で何かが欠けていると確信しています。Railsの慣例に従って、いくつかのレイアウトを使用しています。これを理解しようとして約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 のサイトと非常によく似ています。

4

2 に答える 2

0

静的ページコントローラーに追加しました

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>

これについては明らかに何もありません。他の誰かがこれを行うためのより良い方法を考えていますが、これは私の修正にすぎないと確信しています。ありがとう。

于 2012-08-26T23:21:39.893 に答える
0

私が最初に見たのは、あなたがそれを閉じていないということです

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

最後に a を追加してみてください</div>... :D

于 2012-08-25T22:29:10.173 に答える