Tag: twitter bootstrap

在Rails中提交表单后，Bootstrap模式不会被解雇

我在Rails 3应用程序中遇到了一个bootstrap模式的问题。 它目前处理一个审核表单，提交和更新数据库就好了，但是在提交表单时模式不会关闭。 我已经尝试将其添加到表单提交按钮： :data => {:dismiss => “modal”} 但是它会在不执行更新操作的情况下关闭模态。 这是我的模态代码： × Write a review true, :html => {:class => ‘review_ballot’}) do |f| %> Your score: “review”, :id=>”1″}) %> ‘review_button’)%> “review”, :id=>”2″}) %> ‘review_button’)%> “review”, :id=>”3″}) %> ‘review_button’)%> “review”, :id=>”4″}) %> ‘review_button’)%> “review”, :id=>”5″}) %> ‘review_button’)%> What’d you think? 3, :cols => 10 %> Close […]

.well类中的垂直中心引导btn

我有一个链接，我想从bootstrap框架垂直居中于.well类，并在锚标签上使用类btn btn-danger 。 这是下面的图片。 我尝试使用vertical-align:middle; 但这似乎不起作用。 您可以看到井上的空间甚至不在顶部和底部。 这是HTML： ‘btn btn-danger’%>

如何使用bootstrap的模态显示“删除确认对话框”？ 不喜欢浏览器的默认值

我正在看这个页面（ http://lesseverything.com/blog/archives/2012/07/18/customizing-confirmation-dialog-in-rails/ ）它显示了一些代码，但我不明白我是怎么做的可以实现它到我的应用程序。 我使用Rails3.2，Bootstrap.css和JQuery。 有人能告诉我究竟需要做些什么来显示带有bootstrap模式的“删除确认对话框”吗？ 更新： 资产/ Java脚本/ application.js中 // This is a manifest file that’ll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts, // or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path. // […]

Rails：Twitter引导按钮访问时获得黑色文本颜色

我有一个使用Twitter Bootstrap的rails 3.2应用程序通过gem’twitter-bootstrap-rails ‘。 此外，表单是使用SimpleForm gem创建的。对于许多页面，我使用了表单上的twitter按钮 ‘btn btn-warning’%> ‘btn btn-primary’ %> 按钮呈现正常。 问题是，在您选择其中一个访问链接的按钮后，在返回页面时，文本会粘在灰色版本上，如下面的“ 后退 ”按钮所示： 这会导致问题，特别是在使用’btn-primary’设置的按钮上，因为文本难以阅读。 下面是一个例子： 想知道什么设置需要改变和在哪里。 我希望它应该在bootstrap_and_overrides.css.less文件中，但不确定要尝试的设置。 @linkColorHover上的测试不起作用。 有什么想法吗 ？

带有Bootstrap Modal View的Rails App包含表单，提交和消失模态视图而无需重新加载页面

我有一个rails应用程序，它以模态视图为访问者提供表单。 单击提交按钮时，我希望表单提交，模式视图消失，而不重新加载它后面的页面。 我尝试将模态视图的解雇绑定到javascript中表单的提交函数，但它无法正常工作。 我是一个javascript新手，所以我可能没有正确编写脚本。 这就是我所拥有的： $(“document”).on(“submit”, “.new_user”, function() { $(‘.signup’).modal(“close”); }); true) do |f| %> × Want to be notified when preorders start? Fill out this form! ‘modal_input’%> ‘modal_input’%> “43×10”, :class => ‘modal_input’ %> Submit Sign up 我的javascript函数没有关闭模态视图。 这个function有什么问题？ 编辑 ：更新了javascript函数，仍然无法正常工作 编辑2 ：原来没有调用javascript函数，如果有任何帮助的话。

使用Twitter中的Twitter Bootstrap jquery模式链接到另一个页面

我只是希望这个模式出现并显示另一个页面的内容，但我不能让它工作，因为我是Jquery的新手。 有没有办法修改下面的代码，以便在模态弹出窗口中显示’/ contact /’的内容？ ———- # this content is on http://myurl.com/contact/ this is my email app here… ———- # this is the button on a ‘show’ page where i want someone to push to bring up the contents of the above page in the modal. Launch Email

Rails 4＆cocoon gem：无法添加3级孩子动态添加2级孩子

我目前正在使用cocoon gem来处理我的嵌套表单以及bootstrap / simple_form。 我的模型布局如下： 联系has_many目标 目标有很多任务 一个任务has_one提醒（尚未实现，一旦我解决了这个问题，这是下一个） 我的表单布局正确构建了目标字段，我可以毫无问题地添加/删除任务到我的第一个目标。 但是，当我动态添加另一个目标时（无论是在新的还是编辑操作中），我都无法向其添加/删除任务（如果我点击“添加任务”，它只会添加到我的第一个目标中）。 以下是我的表格： _form.html.erb prohibited this contact from being saved: Goals: goal %> {:wrapper => ‘bootstrap’ } %> _goal_fields.html.erb Tasks: task %> {:wrapper => ‘bootstrap’ } %> task_fields.html.erb 我已经完成了我的代码，以确保我使用正确的div类和ID，但我确定我的表单在某处有问题。 我还为simple_form / bootstrap添加了必要的包装选项。 提前感谢您抽出宝贵时间帮助我。

使用Twitter Bootstrap和Simple Form 2.0在一行中输入多个输入

我正在使用带有twitter bootstrap的simple_form 2.0。 我试图确定什么是正确的包装格式，以获得像[city] [State] [Zip]这样的东西 我相信我的forms需要 :small, :placeholder => “City”, :input_html => { :class=>”span2″, :maxlength => 10},:label => false %> :small , :placeholder => “Region”, :input_html => { :class=>”span1″, :maxlength => 5}, :label => false %> :small, :placeholder => “Postal Code”,:input_html => { :class=>”span2″, :maxlength => 10},:label => false %> 我试过这个包装器 config.wrappers :small, :tag […]

通过Capybara（v2）与Bootstrap模态进行交互时遇到问题

在Rails应用程序中，我正在尝试使用Capybara和capybara capybara-webkit驱动程序在Rspec中使用jQuery TokenInput字段测试Bootstrap模式 。 有问题的部分如下： click_link ‘Create Team Modal’ sleep 1 within(‘div#modal_popup’) do fill_in ‘input#token-input-team_name’, with: ‘Fancy team name’ sleep 1 fill_in ‘input#token-input-team_name’, with: ‘\t’ sleep 1 click_button ‘Create Team’ end page.should have_content(‘Fancy team name’) 单击按钮以获取模态 使用团队名称填写TokenInput 模拟Tab键 – 按下以选中它 创建团队 validation页面上显示的名称 这只适用于所有那些sleep 1的人; 否则have_content在have_content崩溃，最终导致服务器错误，因为团队名称永远无法正确选择。 但是， 没有 TokenInput字段的其他Bootstrap模式在加载之前不需要sleep 1 。 尽管如此，有没有办法摆脱睡眠并让这种情况正常进行？ wait_until 2拿出了wait_until （有充分的理由），因为它会在默认的等待时间内等待测试…但是这似乎没有反映在我的上述测试中; 就好像Capybara在进入/退出这个模态时没有参与等待期。 […]

Twitter引导药丸与Rails 3.2.2

我按照基本的railscast在Rails应用程序中使用Twitter Bootstrap。 一切都很好，直到我不得不推送到heroku，然后我有一些pg gem的问题，我不得不耙资产：预编译推得好。 最后我解决了。 现在，我正在尝试在我的应用程序中使用药丸，我从文档中复制/粘贴并更改了href中的URL 🙂 Lorem Ipsum Home Products Categories 当我按下其中一个链接时，我被重定向到右侧URL，但所选选项不会更改为class =“active”。 我不知道为什么…我认为这是javascript但hover属性工作正常…我的意思是，当鼠标超过一个选项（不同于活动）时，它的样式会改变。 我尝试过rake资产：干净，但没有改变 谢谢