Tag: twitter bootstrap

如何让Twitter Bootstrap的Less文件与Sinatra AssetPack一起使用？

我试图让Bootstrap的Less文件与Sinatra AssetPack一起使用，但我得到的解析器错误更少。 这些错误让我相信通过bootstrap.less导入的文件越少，彼此之间就无法识别。 我有一个app.rb文件： require ‘sinatra/base’ require ‘sinatra/assetpack’ class App < Sinatra::Base set :root, File.dirname(__FILE__) register Sinatra::AssetPack assets do css :bootstrap, [ '/css/bootstrap.css' ] end get '/' do erb :index end # start the server if ruby file executed directly run! if app_file == $0 end 我已将所有Bootstrap less文件复制到/app/css目录并修改了bootstrap.less，以便每个@import语句以.css而不是.less结尾（但实际的文件扩展名没有更改）。 我还把一切都放在了Github上： https ： //github.com/elevine/sinatra-assetpack-bootstrap 这是我得到的一个错误的堆栈跟踪的前半部分： Less::ParseError – […]

两列Jekyll布局，用标签分隔？

我目前正在开发一个Jekyll博客，我想把我的降价文件放在这种格式中： 我希望我的代码块放在一列中，而其他所有内容（文本，标题等）都放在另一列中，以便我对我的代码进行并排解释。 有没有办法做到这一点？ 在这方面，Markdown和Liquid模板引擎似乎非常严格。 谢谢！

如何实现bootstrap 4和rails 5

我是ruby的新手，我正在尝试将bootstrap 4.0.0.alpha4包含到rails 5.0.0中。 我已经安装了gems bootstrap，bootstrap-sass，autoprefixer-rails，我甚至在application.css.sass中使用了@import“bootstrap”，但我仍然没有在页面上获取引导程序。我有一个按钮查看我在哪里尝试实现bootstrap设计。 我甚至在不同的项目上尝试过它们，但它们都不起作用。 任何帮助，将不胜感激。 谢谢。 代码如下所示。 gem文件 source ‘https://rubygems.org’ # Bundle edge Rails instead: gem ‘rails’, github: ‘rails/rails’ gem ‘rails’, ‘~> 5.0.0’ # Use postgresql as the database for Active Record gem ‘pg’, ‘~> 0.18’ # Use Puma as the app server gem ‘puma’, ‘~> 3.0’ gem ‘bootstrap’ gem ‘bootstrap-sass’ gem ‘autoprefixer-rails’ […]

Rails 4 – Bootstrap模态forms – 设置

我正在尝试按照本教程在我的Rails 4应用程序中设置包含嵌套表单的模式。 我有Project和Invite的模型。 协会是： Project has_many :invites Invite belongs_to :project 在我的views项目文件夹中，我做了一个名为new_invitation.html.erb的部分 × Modal header **here comes whatever you want to show!** Close Save changes 我正在尝试从我的项目显示页面链接到该项目，该页面包含： true, ‘data-toggle’ => “modal”, ‘data-target’ => ‘#modal-window’} %> 在我的app / javascripts文件夹中，我有一个名为new_invitation.js.erb的文件，其中包含： $(“#modal-window”).html(“”); 在我的应用程序js中，我有： //= require bootstrap/modal （与教程略有不同，因为我使用rails 4和bootstrap sass）。 在我的项目控制器中，我有： def new_invitation respond_to do |format| format.html format.js end end 我将路由从put更改为get动作（虽然我不明白这一步）： […]

如何在Rails表单中添加数据属性select标签？

我找到了这个Bootstrap Select项目及其Rails的gem 。 我想在select标签中实现搜索。 我检查元素，这里是HTML源： Hot Dog, Fries and a Soda Burger, Shake and a Smile Sugar, Spice and all things nice 如何在表单选择标记中添加data-live-search=”true” ？ 我的表格选择： 我尝试过的： 但它不起作用。

Rails 4.1和Bootstrap 3 glyphicons无法正常工作

我试图摆脱使用Bootstrap 3的Rails 4项目中的glyphicon错误。我没有使用任何Bootstrap gems将其添加到资产管道。 我手动将bootstrap.css和bootstrap.js添加到各自的app/assets目录，并将它们添加到application.css和application.js我现在看到的是我的Web浏览器控制台中的以下内容： GET http://localhost:3000/fonts/glyphicons-halflings-regular.woff 404 (Not Found) localhost/:1 GET http://localhost:3000/fonts/glyphicons-halflings-regular.ttf 404 (Not Found) localhost/:1 GET http://localhost:3000/fonts/glyphicons-halflings-regular.svg 404 (Not Found) 在Ruby on Rails应用程序中可以做些什么来解决这个问题？ 我尝试将所述文件复制到app/assets/fonts并将其弹出到application.rb ： config.assets.paths << "#{Rails}/app/assets/fonts" 没运气。

rails precompile为什么javascript在本地不起作用，但在heroku它可以正常工作

因此，该应用程序在本地运行良好，直到我预编译资产。 当部署到heroku时，我做了资产预编译然后部署，它在heroku工作正常，但现在似乎javascript被打破了。 有关如何解决的任何建议？ 我应该删除公用文件夹中的文件还是使用某些配置？ 提前致谢 UPDATE 我为每个在开发模式下加载的资产文件得到了其中一个，这是正常的吗？ Started GET “/assets/home.js?body=1” for 127.0.0.1 at 2012-06-15 19:16:48 +0100 Served asset /home.js – 304 Not Modified (0ms) 这很奇怪。 我正在使用twitter bootstrap，现在测试javascript是否搞砸了我添加了一个工具提示html示例来检查它是否也崩溃了，它确实有效。 但我在菜单栏的下拉列表不起作用。 这有多奇怪？

将Bootstrap图标添加到Ruby on Rails中的按钮

我想在轨道上的ruby中为按钮添加一个图标。 目前我尝试过以下方法： <%= button_to raw("”), {:controller => ‘events’, :action => “upvoteEvent”, :method => “put”, :id => @event.id, :uid => current_user.id}, {:class => “btn btn-success”}%> 它产生以下html： <input class="btn btn-success" type="submit" value="” /> 我按照这里发布的解决方案： https ： //stackoverflow.com/a/10468935/1385324 ，但它对我不起作用。 我还测试了Bootstrap CSS是否正常工作，只需在网站上的任何其他位置插入一个图标即可。 谢谢你的帮助！

Rails 3.2.3 + Twitter Bootstrap + Nav-Tabs：如何显示特定标签？

关于rails和bootstrap的另一个新手问题。 我正在使用这样的东西： About us Address 我的问题是我渲染包含表格的’地址’。 通过提交此表单，我最终会使用不同的控制器。 使用此控制器保存新地址后，我想重定向到此页面并显示地址选项卡。 我尝试的重定向命令是：redirect_to salon_path（@ salon.id.to_s +“＃tab9”）这导致调用url … / salons / 1％23tab9。 我认为我需要它… / salons / 1＃tab9。 但也许你有一个更好的解决方案如何选择一个特定的选项卡。 使用： gem ‘rails’, ‘3.2.3’ gem ‘bootstrap-sass’, ‘2.0.3’.

Ruby on rails预先使用bootstrap3行类

我想循环遍历数据并使用每行3列的bootstraps网格系统显示这些数据，但是我需要多行数据量，如下所示： *DATA HERE* *DATA HERE* *DATA HERE* *DATA HERE* *DATA HERE* *DATA HERE* *DATA HERE* *DATA HERE* *DATA HERE* 有人可以建议如何使用foreach在rails中实现这一点，显然下面只会渲染1个.row类并将所有col-md-4项返回到它中。 我希望它在每行达到3个项目之后创建另一个.row类并重新开始。 我希望这是有道理的！ 到目前为止我有什么：