Question

我试图在网上关注One Month Rails教程后创建一个简单的网站，并且由于bootstrap不断更新，我决定自己搞砸它。

我有以下文件home.html.erb并尝试从bootstrap应用jumbotron效果 http://getbootstrap.com/components/#jumbotron

<div class = "jumbotron">
    <h1>Welcome to One Month Rails</h1>
    <p>
        You've found the home page!! <%= link_to "Google", "http://www.google.com"%> 
    </p>

    <p>
    <%= link_to "Sign Up Now!", "#" %>
    </p>
</div>

然而，该页面并未显示jumbotron效果。我究竟做错了什么？我知道bootstrap应该正常工作，因为我已经使用bootstrap类添加了一些样式效果，比如 nav 和 btn

编辑：我已经从其他一些问题中读到了这些问题，并且看起来jumbotron类被使用了rails gem。我会尝试手动将引导程序包含在内，看看结果如何。

Answer 1

您可以尝试在此特定页面上添加其他内容并使用bootstrap设置样式（如简单的按钮）吗？这样你就可以确保bootstrap正在这个特定的页面上工作。

我发现您粘贴的代码没有任何问题。

编辑：

试试这个示例代码：

<div class="container">
   <div class="jumbotron">
      <h1>Welcome to landing page!</h1>
      <p>This is an example for jumbotron.</p>
      <p><a class="btn btn-primary btn-lg" role="button">Learn more</a>     
      </p>
   </div>
</div>

bootstrap组件仅部分使用rails

1 个答案: