Tag: twitter bootstrap

Twitter Bootstrap模式不起作用

我一直在尝试为我的设计和omniauth登录设置twitter bootstrap模式但没有成功。 我也尝试过几个教程,仍然无法让它们打开。 我的服务器日志中没有出现错误,只是以下内容: “Processing by Devise::SessionsController#new as JS” 我在application.coffee文件中需要twitter / bootstrap #= require_self #= require twitter/bootstrap #= require ./util #= require ./home and so on 在我的application.html.slim中,我添加了两个额外的链接来登录/登录现有的链接,只是为了确保这些链接在删除旧的之前 li = link_to “Login”, new_user_session_path, :remote => true, ‘data-toggle’ => ‘modal’, ‘data-target’ => ‘#login_modal’, :class => “btn btn-small”, :method => ‘get’ li = link_to “Sign Up Free”, new_user_session_path, […]

部署后将自定义CSS和Javascript链接到Rails

我有一个Rails应用程序它的css和js链接在本地工作正常,因为我使用: 我用Google搜索了所有我发现的Heroku指南 ,我对资产管道事情感到困惑! 我也运行了这个命令: bundle exec rake assets:precompile 它确实在公共目录中创建了一些文件,如指南中所述: 现在在Heroku上一切都很简单,没有设计也没有Css和JS。 当我跑的时候 Heroku Logs 这就是我得到的CSS和JS文件的严重无路由匹配如下: 2013-06-10T10:06:28.184255 + 00:00 app [web.1]:ActionController :: RoutingError(没有路由匹配[GET]“/assetscv.png”): 这只是一行,我为其他文件获得了更多这些,并预先生成了loggs行 任何帮助将不胜感激谢谢! PS: 我试过了 我有一堆错误,在heroku上它说抱歉出了问题

如何在rails app中使用twitter bootstrap和bootstrap-sass?

我对此很新,但我无法弄清楚问题。 在twitter bootstrap中我会使用: Column1 Column2 一切正常。 但我不想直接将spanX和spanY写入我的html文件,而是想提供有意义的类名,例如: First Column Second Column 鉴于事实,我正在使用https://github.com/thomas-mcdonald/bootstrap-sass ,我该如何编写我的scss文件? 我尝试了以下,但它不起作用(不显示两列): @import “bootstrap”; @import “bootstrap-responsive”; .user-container { @extend .row-fluid; } .user-filter { @extend .span2; } .user-list { @extend .span10; } 如果我看一下生成的代码,在我看来一切都应该没问题: /* line 164, ../../../../../.rvm/gems/ruby-1.9.3-p125/gems/bootstrap-sass-2.0.0/vendor/assets/stylesheets/bootstrap/_mixins.scss */ .span2, .user-filter { width: 140px; } 等等。 我究竟做错了什么? 更新: 好吧,只是为了清楚是什么问题 – 列被列为行(一个接一个),而不是真正的列(彼此相邻),例如: with bootstrap:Column1 Column2 使用我的自定义类: […]

SimpleForm + ClientSideValidations + bootstrap – 表单上没有validation – 所有输入都被接受

我在RoR应用程序中使用SimpleForm,ClientSideValidations和ClientSideValidations-SimpleForm gems。 我可以将表单精美地渲染到模态中,但是当输入失去焦点时,不会进行validation并提交表单。 另请注意,我尝试使用此处的修复程序: http : //www.ddarrensmith.com/blog/2012/05/17/ruby-on-rails-client-side-validation-with-validation-helpers-and- Twitter的引导/ 包含表单的视图的片段: x Create Discrepancy true, :url => {:controller=> ‘discrepancy’, :action => ‘create’, :device_id => @device.id} do |f| %> :prepend, :label => false do %> ‘add-on input-label’ %> :prepend, :label => false do %> ‘add-on input-label’ %> ‘textarea’ %> :prepend, :label => false do %> ‘add-on input-label’ %> […]

javascript – 未编译用于生产的Twitter引导程序jquery插件

我正在使用seyhunak的gem开发一个带有Twitter Bootstrap的3.1 Rails应用程序。 在生产模式下,我能够通过管道预编译使用基本的bootstrap CSS和JS: RAILS_ENV=production bundle exec rake assets:precompile 使用gem文件: group :assets do gem ‘sass-rails’, ‘~> 3.1.5’ gem ‘coffee-rails’, ‘~> 3.1.1’ gem ‘uglifier’, ‘>= 1.0.3’ gem “twitter-bootstrap-rails” end 和application.js文件: //= require_tree . //= require jquery //= require jquery_ujs //= require twitter/bootstrap //= require bootstrap-tab //= require bootstrap-modal //= require bootstrap-dropdown //= require bootstrap-popover 该应用程序工作正常,除了模态和下拉列表等引导插件。 […]

win7上出现@import’bootstrap’错误,显示500错误

我正在构建一个简单的rails应用程序,当我加载主页时,我得到: 在59ms内完成500内部服务器错误 ActionView :: Template :: Error(不同的前缀:“c:/”和 “D:/ workspaceRor / jrpappthree / ssets / stylesheets” (在D:/workspaceRor/jrpappthree/app/assets/stylesheets/custom.css.scss)): 2: 3: 4: 5: 6: 7: 8: 我的gem文件 gem ‘rails’ gem ‘bootstrap-sass’ gem ‘bcrypt-ruby’ gem ‘faker’ gem ‘will_paginate’ gem ‘bootstrap-will_paginate’ gem ‘pg’ group :development, :test do gem ‘mysql2’ gem ‘annotate’ end # Gems used only for assets and not […]

Rails无法调用未定义的方法’charAt’

我有一个Rails应用程序收到以下错误: Less::ParseError in Home#index Showing /Users/burtondav/sites/requestsys/app/views/layouts/application.html.erb where line #20 raised: Cannot call method ‘charAt’ of undefined (in /Users/burtondav/sites/requestsys/app/assets/stylesheets/bootstrap_and_overrides.css.less) Extracted source (around line #20): 17: } 18: 19: 20: “all” %> 我正在使用的一些GEMS: gem ‘rails’, ‘3.2.11’ gem ‘twitter-bootstrap-rails’ group :assets do gem ‘sass-rails’, ‘~> 3.2.3’ gem ‘coffee-rails’, ‘~> 3.2.1’ gem ‘less-rails’ gem ‘commonjs’ gem ‘therubyracer’, :platforms => […]

为什么Twitter Twitter引导Carousel幻灯片?

您好我正在使用Carosuel进行引导。 我的照片不会改变的问题。 单击下一个箭头时,我的浏览器URL会发生变化。 它从http://0.0.0.0:3000到http://0.0.0.0:3000/#myCarousel. 这是我的代码: $(document).ready(function() { $(‘.carousel’).carousel({ interval: 1200 }) }); ‹ ›

Rails 4 – 轮播助手 – 图片库

我试图了解如何调整本教程,以制作我可以在我的Rails 4应用程序中使用的轮播助手。 https://www.toptal.com/ruby-on-rails/rails-helper-bootstrap-carousel 我帮助了: module CarouselHelper def carousel_for(images) Carousel.new(self, images).html end class Carousel def initialize(view, images) @view, @images = view, images @uid = SecureRandom.hex(6) end def html content = safe_join([indicators, slides, controls]) content_tag(:div, content, id: uid, class: ‘carousel slide’) end private attr_accessor :view, :images, :uid delegate :link_to, :content_tag, :image_tag, :safe_join, to: :view def indicators items […]

Rails 4 – 包含供应商资产

我正在试图弄清楚如何插入一个bootstrap主题。 我有指南针轨道gem和Rails 4。 我的控制台中显示了一系列错误: Failed to load resource: the server responded with a status of 404 (Not Found) 我认为这是因为我保存供应商资产的路径不正确。 我有一个名为’profile.html.erb’的布局 在那个布局中,我包括: 引用的css文件保存在vendor / assets / stylesheets文件夹中。 错误的全文显示了以下链接: http://localhost:3000/profiles/vendor/assets/stylesheets/magnific-popup.css 额外的位是对配置文件的引用。 谁能看到我在定义这些路径时做错了什么? 进一步尝试 我刚刚发现这篇文章: 如何在Rails 4中加载供应商资产文件夹? 根据该post中的建议,我尝试更改我的application.css.scss文件,以便不使用路径引用,而是使用; @import “css/magnific-popup”; 当我保存,重新启动服务器,我收到此错误: File to import not found or unreadable: css/magnific-popup. Load paths: CompassRails::SpriteImporter CompassRails::SpriteImporter CompassRails::SpriteImporter CompassRails::SpriteImporter CompassRails::SpriteImporter CompassRails::SpriteImporter CompassRails::SpriteImporter […]