【问题标题】:bootstrap components only partially working with rails引导组件仅部分使用导轨
【发布时间】:2014-06-13 21:40:36
【问题描述】:

我正在尝试按照 One Month Rails 在线教程制作一个简单的网站,由于引导程序不断更新,我决定自己搞砸。

我有以下文件 home.html.erb 并尝试从引导程序应用 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 效果。我究竟做错了什么?我知道引导程序应该可以工作,因为我使用引导程序类添加了一些样式效果,例如 navbtn

编辑:我已经阅读了其他一些问题,显然 jumbotron 类被 rails gem 窃听了。我将尝试手动加入引导程序,看看结果如何。

【问题讨论】:

    标签: ruby-on-rails twitter-bootstrap


    【解决方案1】:

    您能否尝试在此特定页面中添加其他内容并使用引导程序设置其样式(例如简单的按钮)?这样您就可以确保引导程序在此特定页面上运行。

    我认为您粘贴的代码没有任何问题。

    编辑:

    试试这个示例代码:

    <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>
    

    【讨论】:

    • 没关系!我尝试使用引导类添加一个大按钮: btn btn-success btn-large 到我的链接,它工作得很好。有了这个,我仍然无法弄清楚为什么 jumbotron 不起作用。我知道 jumbo 曾经被称为“英雄单位”,所以我试过了,但正如预期的那样,它不起作用
    • 好的,尝试将 jumbotron div 包装在一个带有“容器”类的 div 中
      @user3277633 看我上面的编辑
    • 仍然不起作用,我认为这与引导 gem 本身有关。我将尝试手动将引导程序合并到我的应用程序中。不过感谢您的帮助!
    • 啊——没问题!是的,我并没有真正使用 gem,只是链接到 cdn,特别是如果它不是生产类型的交易。 .我很好奇这是否能解决你的问题。 :)
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签