Tag: twitter bootstrap

Ruby on Rails：simple_form + Twitter Bootstrap没有显示出来

我正在为我的网站上的新用户创建一个简单的sign_up表单。 我已经为simple_form bootstrap运行了安装… rails g simple_form:install –bootstrap 但是，它仍然没有显示和渲染为普通的simple_form。 这是我的表单代码： Sign up resource_name, :url => registration_path(resource_name ), :html => {:class => ‘form-horizontal’ }) do |f| %> true, class: “form-control”%> true, class: “form-control” %> true, class: “form-control” %> true, :autofocus => true, class: “form-control” %> 不知道我在这里做错了什么。 提前致谢。

通过纱线安装bootstrap的Rails无法找到字体

我有一个带有Bootstrap的Rails 5应用程序，我安装了纱线。 我做了以下事情： yarn add bootstrap bootstrap@^3.3.7: version “3.3.7” resolved “https://registry.yarnpkg.com/bootstrap/-/bootstrap-3.3.7.tgz#5a389394549f23330875a3b150656574f8a9eb71” 在application.css上 *= require bootstrap/dist/css/bootstrap 在application.js上 //= require bootstrap/dist/js/bootstrap //= require rails-ujs //= require @fnando/sparkline/dist/sparkline //= require_tree . 在assets.rb上 Rails.application.config.assets.paths << Rails.root.join('node_modules') Rails.application.config.assets.paths << Rails.root.join('node_modules/bootstrap/dist/fonts') Rails.application.config.assets.precompile << %r{node_modules/bootstrap/dist/fonts/[\w-]+\.(?:eot|svg|ttf|woff2?)$} 不过，当我在生产（Heroku）上访问它时，我得到了 ActionController::RoutingError (No route matches [GET] “/fonts/glyphicons-halflings-regular.ttf”): 我尝试添加$icon-font-path: “node_modules/bootstrap/dist/fonts”; 以及我的scss，但也没有奏效

试图通过heroku上的bootstrap-sass导入bootstrap但是收到错误

我有一个rails应用程序，我正在尝试使用bootstrap-sass在heroku上导入bootstrap，遵循以下指示： https ： //github.com/thomas-mcdonald/bootstrap-sass 在我的application.css中，我有： @import “bootstrap”; /* * This is a manifest file that’ll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. […]

Ruby on Rails – 在包含I18n的link_to调用中嵌入了额外的HTML

我试图在link_to调用中嵌入额外的HTML ，如此线程中所示在link_to调用中嵌入其他HTML 但是，我还想使用I18n。 所以不是这样的： <%= link_to ' Show’.html_safe, exercise_path(exercise), :class => ‘btn btn-small’ %> 我想用t(:show)或I18n.t(:show)代替上面例子中的硬编码Show 。 但是，我无法弄清楚正确的语法。 任何帮助将不胜感激。

Bootstrap Sass Rails 4自定义样式

我正在尝试使用bootstrap定制我的rails应用程序的样式。 此处提供较少的变量 。 我正在使用引导程序Sass ，我在我的/vendor/assets包含了所有javascript css和字体。 我一字不漏地跟着Erik Minkel教程，或者我应该说代码代码。 在assets/javascript/application.js //= require jquery //= require jquery.countdown //= require bootstrap //= require jquery_ujs //= require tinymce-jquery //= require jquery.turbolinks //= require turbolinks //= require masonry/jquery.masonry //= require_tree . 并在assets/stylesheets/application.css *= require_tree . *= require ‘masonry/transitions’ *= require jquery.countdown *= require bootstrap *= require_self */ 为了自定义，我在assets/stylesheet/创建了一个bootstrap_and_customization.css.scss文件，如下所示： @import url(http://fonts.googleapis.com/css?family=Lato:400,700); […]

为什么Twitter Bootstrap“固定”布局没有修复？

Twitter Bootstrap网站内容如下： 对于由单个 提供的几乎任何网站或页面的默认和简单的940px宽的居中布局。 引自http://twitter.github.com/bootstrap/scaffolding.html#layouts 这正是我在HTML中所拥有的，但是当我检查元素时，我看到这个CSS适用于它： .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } 顺便说一句，如果我通过添加…来覆盖CSS规则 div.container{ width:940px; } 然后div.container中的元素比div.container本身更宽，看起来不合适。 那么，为什么Twitter Bootstrap“固定”布局没有修复？ 以及如何修复它？

Twitter Bootstrap Modal无法在Rails中运行

我还是相当新的Rails和twitter bootstrap 。 我正在处理一个模态，但我收到一个“NoMethodError – undefined方法’渲染。’” 当我从my_release.js.erb页面中删除(“”代码时，它会消失，但不会出现任何窗口。 还有错误，甚至不允许我的项目从初始索引页面加载，它引用我的views/layouts/application.html.erb第6行，这是我的 所以我假设我的.js完全出了问题 我一直在研究我在下一页上看到的例子 – https://coderwall.com/p/ej0mhg 我正在尝试将此模态示例添加到我的现有项目中。 以下是我的代码的一些片段供参考： gem文件： gem ‘rails’, ‘3.2.13’ gem ‘bootstrap-sass’, ‘2.3.2.1’ …. …. group :assets do gem ‘sass-rails’, ‘~> 3.2.3’ end …. …. 的application.js …. //= require bootstrap-modal //= require bootstrap …. 的routes.rb get “project/new_release” => ‘project#new_release’, :as => :new_release controller.rb def new_release respond_to do […]

Bootstrap模式没有关闭表单提交 – Rails

我认为我有这种模式： …… …… true, :html => {:id => “addForm”} do |f| %> @item.upc %> “inventoryID”, :value => “” %> “addSubmit”) %> …… …… 因为表单是远程的，我希望这个模式隐藏在表单提交上。 我是这样做的： $(‘#addForm’).submit(function() { $(‘#addListItem’).modal(‘hide’); }); 目前正在发生的事情令我感到困惑。 当我点击提交时，表单远程提交并且模态保持打开状态。 当我第二次点击提交按钮时，表单再次提交并隐藏模态。 为什么这个模态不会隐藏在第一次提交中？ 提前致谢！

Twitter Bootstrap中Dropdown链接的模态

我正试图通过我的下拉菜单中的链接进行模式启动。 模态似乎启动（网站变灰），但无法看到。 不在下拉列表中的常规链接的模态工作正常。 我愚弄了jquery，但由于我是jquery的新手，所以没有任何结果。 这是我的网站代码。 My Item × Delete My Item? Are you sure you really want to delete My Item? Delete Item Cancel Edit Item Delete Item 这里是javascript文件的末尾 这是我的rails代码以防万一。 “modal”, “data-target” => “#DeleteItem” %> × “btn btn-primary” %> Cancel

Rails / Bootstrap / HAML – 如何转换此代码以显示闪存消息到HAML？

我想将以下代码转换为HAML，以处理Rails 4.2.2应用程序中的Bootstrap警报消息。 我试过手动，使用html2haml和在线转换器，我得到的代码永远不会工作。 代码： <div class="alert alert-dismissible” role=”alert”> ×Close 这是我从转换器得到的： .alert.case.when.:validation_errors.when.:todo.when.:success.else.end.alert-dismissible{:class => ” type.to_sym :alert, :danger, :error, ‘alert-danger’ :warning, ‘alert-warning’ :notice, ‘alert-success’ ‘alert-info’ “, :role => “alert”} %button.close{“data-dismiss” => “alert”, :type => “button”} %span{“aria-hidden” => “true”} × %span.sr-only Close = content 我知道它很丑，但它是我发现的唯一一个与Bootstrap 3.5.5开箱即用的代码。 如果有人对使用HAML的新代码有建议，我愿意听。