gpt4 book ai didi

css - Rails App 和 Bootstrap 对 CSS 的简单误解

转载 作者:行者123 更新时间:2023-11-28 13:43:38 25 4
gpt4 key购买 nike

我想在我的网站主页上的主 div 添加一个包装器 seen here ..我还没有购买 ssl 证书。

我正在使用 bootstrap,这个 div 有 container 类。我想将它包装在一个 div 中以提供背景,类似于 twillio site .

这是一个简单的 css manuever(或者我认为如此)所以我确定我在 rails/bootstrap 方面遗漏了一些东西。我根据 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 时,它就像容器一样居中,我基本上希望它拉伸(stretch)页面的整个长度并让 div 现在在背景中居中内容。与我列为引用的 twillion 网站非常相似。

最佳答案

我看到的第一件事是你没有关闭它

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

尝试添加 </div>最后...:D

关于css - Rails App 和 Bootstrap 对 CSS 的简单误解,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12126123/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com