Tag: twitter bootstrap

Rails中的Bootstrap模式保持显示第一条记录: 当我单击模态中的视图时，它会一直显示第一条记录。即使我点击第二条记录，它仍会显示第一条记录。下面是我如何实现link_to切换到名为myModal的模态框。 × Test Close Save changes

使用带有link_to的工具提示（Ruby on Rails 3.2.3）: 我已成功使用类似于以下代码创建文本工具提示： text on page 但是，我想使用link_to命令为菜单中定义的链接执行工具提示。我已经包含了我希望工具提示出现的声明：这是bootstrap.js.coffee中的JS代码： $(“.tooltip”).tooltip() $(“a[rel=tooltip]”).tooltip() 我是一名学生，仍然在学习很多关于Rails，Twitter Bootstrap，CSS3，HTML5等的知识。我做了很多网络搜索，但没有找到任何我理解的例子。基本上没有什么能直接说明我可以在link_to语句中做一个工具提示。任何帮助，将不胜感激。

根据屏幕大小更改列数: 我正在尝试使用Bootstrap，我想知道如何根据屏幕大小调整列数。我从Bootstrap CSS教程中看到了这个： .col-xs-12 .col-md-8 .col-xs-6 .col-md-4 .col-xs-6 .col-md-4 .col-xs-6 .col-md-4 .col-xs-6 .col-md-4 .col-xs-6 .col-xs-6 我在大屏幕尺寸上有6列，我想在中型屏幕上将其切换为两行3列，在小屏幕上切换为3行2列。在我看来，我只能改变列的宽度而不是列的数量。我可以用Bootstrap来做，如果没有，这将是一个好方法吗？ JavaScript的？

如何在我的Rails项目中手动包含twitter bootstrap（不使用任何gem）？: 我正在学习Rails并希望使用Rails和Twitter Bootstrap。我的Rails项目布局是： ├─assets │ ├─images │ ├─javascripts │ └─stylesheets ├─controllers ├─helpers ├─mailers ├─models └─views ├─course └─layouts Twitter Bootstrap布局是： ├─css ├─img └─js 我知道Bootstrap css文件引用了它的图像文件，例如： [class*=” icon-“] { display: inline-block; width: 14px; height: 14px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url(“../img/glyphicons-halflings.png”); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; } 所以他们必须保留相对位置，否则我必须更改CSS文件。我想知道，如果我不想使用任何Bootstrap相关的gem，那么将这些Bootstrap文件放入我的Rails项目的最佳方法是什么？谢谢。

Rails 4 / Bootstrap 3：如何在不同的页面上显示不同的导航栏？: 这是我们的Rails 4应用程序的_header.html.erb ，使用Bootstrap 3组件制作：如您所见，这有条件地显示导航栏，具体取决于当前用户是以注销，登录还是以管理员身份登录。但是，我们想知道如何在不同的页面上显示不同的导航栏。例如，在所有公共页面（家庭，function，定价，博客，帮助等）上，我们希望显示Features ， Pricing和Blog链接（无论用户是否登录），但在内页上应用程序（仪表板，设置等）我们想要删除这些链接。编辑：为了使事情更清楚，我们称之为公共页面的实际上是我们的StaticPages#Controller ，它依赖于我们的StaticPages#Controller ，而内部应用程序页面（如仪表板和设置）依赖于我们的Users#Controller StaticPages#Controller 。我们怎样才能做到这一点？我们需要创建一个新的_header.html.erb部分吗？有没有特定的Rails方法呢？

打开Bootstrap Modal以编辑Ruby on Rails中的记录: 我有一个“用户”模型。我在用户索引页面上有一个用户列表，每个用户旁边都有一个编辑按钮。我想点击每个用户的编辑按钮，这将打开一个bootstrap模式。在bootstrap模式上，我想显示我可以编辑的用户记录。编辑表单将来自_form.html.erb部分，该部分将用于新的和编辑用户控制器方法。当我单击更新按钮时，我希望模态窗体更新记录，关闭模式并使用更新的记录更新索引页。问题每次我点击编辑链接时，模态都会打开并显示_forms部分，但它是用于新记录，而不是我想要编辑的记录。我认为这是因为rails运行@ user.persisted？响应为false的助手，因此它使用用户控制器中的“创建”方法而不是“编辑”方法。保存记录时，引导模式不会关闭。你能告诉我如何让它发挥作用吗？用户/ _form.html.erb prohibited this user from being saved: 用户/ create.js.erb $(“.usersTable”).replaceWith(” ‘users/update_user’, :locals => {users: @users }%>”); $(“input[type=text]”).val(“”); $(‘#myModal’).modal(‘hide’); $(‘body’).removeClass(‘modal-open’); $(‘.modal-backdrop’).remove(); 用户/ index.html.erb Listing users Name Company Email ‘#myModal’, ‘data-toggle’ => ‘modal’ %> Add User × Modal title Close Save changes /controllers/users_controller.rb […]

使用Bootstrap或Foundation在Rails 4.1下的Flash消息颜色错误: 以下代码使用Bootstrap 3.0显示Rails Flash消息： <div class="alert alert-“> × “flash_#{name}” %> 代码来自文章Bootstrap和Rails 。 Foundation和Rails一文中的类似代码可以与Foundation一起使用： <div data-alert class="alert-box round “> × 对于Bootstrap或Foundation，当我将我的应用程序从Rails 4.0升级到Rails 4.1时，所有闪存消息都显示为红色，甚至是“通知”消息，这些消息应显示为绿色。 Rails 4.1中有什么改变来打破这段代码？

数据表分页按钮 – 删除不需要的空间: 目前我的分页看起来像这样：我正在尝试找出如何删除按钮之间的空间，但一直没有成功。在css文件中，我可以找到的唯一引用分页是： jquery.dataTables.css（319 – 394）： } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333333 !important; border: 1px solid transparent; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover […]

表内/表行之间的Bootstrap崩溃不起作用: 我有一个关于Bootstrap折叠function的问题。我很确定我忽略了一些非常明显或容易修复的东西，但我用Google搜索了很多并且使用了代码，但没有成功。我有一个“帐户设置”页面，其中用户的所有帐户信息以类似表格的格式显示，最后一个表格列的表格单元格始终包含“编辑”按钮以编辑该信息。当人们点击“编辑”时，编辑表格将在该表格行的正下方展开。我按照http://twitter.github.com/bootstrap/javascript.html#collapse中的方案，崩溃函数本身工作正常，但问题是每个表单总是扩展到我的表上方，无论我点击哪个编辑按钮上。我制作了它的样子截图。 http://sofzh.miximages.com/ruby-on-rails/n6problemynp/而不是在整个表格的上方，我希望它在特定行的下方展开，将下面的行向下推。这是我的代码： Username Edit Email Edit Password Last time updated: Edit Language English Edit Avatar Edit

设计Flash方法导轨: 我正在使用Rails 4，Twitter Bootstrap 3.0和Devise 3.0。我正在尝试为设计和我的网站的其余部分获得完全相同的flash消息。到目前为止我有这个：在“app / views / layouts / application.html.erb”中： “app / views / layouts / _messages.html.erb” ： <div class="alert alert-“> × 我创建了一个“app / helpers / devise_helper.rb”来覆盖默认的设计错误消息： module DeviseHelper def devise_error_messages! end end “app / helpers / application_helper.rb” ： def devise_flash if controller.devise_controller? && resource.errors.any? flash.now[:error] = flash[:error].to_a.concat resource.errors.full_messages flash.now[:error].uniq! […]