Tag: twitter bootstrap

Capybara-webkit无法处理与bootstrap glyphicon的链接

我有一个链接： link_to %q().html_safe, feed_item, data: {confirm: ‘Are you sure?’,toggle: ‘tooltip’}, method: :delete, title: ‘Delete’, id: ‘delete_post’ 和以下function规范代码 page.accept_confirm do click_link ‘delete_post’ end 我收到以下错误 Capybara::Webkit::ClickFailed: Failed to find position for element /html/body/div[@id=’wrapper’]/div[@id=’page-content-wrapper’]/div/div[@id=’main’]/div[@id=’main_content’]/div[4]/div/div/div[1]/h3/div/a[@id=’delete_post’] 如果我用一些文本（例如“删除”）用glyphicon替换span，则测试有效。 这似乎与Github上未解决的问题有关，可能与CSS覆盖可点击的html元素有关。 但是，我无法理解在这种情况下如何发生这种重叠或如何纠正它。 将图标用于“编辑”或“删除”等常见任务已成为一种常见做法，因此最好找到解决方案。 我该如何解决这个问题？

为什么dropdown-toggle（bootstrap）在heroku上不起作用？

我不明白为什么我视图中的以下代码（标题栏）在heroku上不起作用。 它似乎在我的本地服务器上的开发和生产上都能正常工作。 一旦我推送到heroku，生成的HTML也很好。 所有其他bootstrap元素似乎都有效。 但是，此下拉链接似乎不起作用 Account 生成的HTML： Account Profile Settings Sign out 我的app / assets / stylesheets / application.css * = require custom 我的app / assets / stylesheets / custom.css.scss @import “bootstrap”; 我对heroku很新。 所以我不知道如何调试这样的错误。 如何解决我如何调试这样的错误？

Bootstrap CSS加载bootstrap-sass，其他CSS不会加载

我正在使用Bootstrap for my Rails应用程序和bootstrap-sass v.3.1.1，它在我的application.css.scss文件中使用了以下内容： @import “bootstrap”; 没有别的。 就在今天，我尝试添加一些自己的CSS来添加一些我没有使用Bootstrap的样式。 这是我的欢迎视图/控制器，所以我把它添加到welcome.css.scss .complete-class { text-decoration: line-through; } 通过阅读Rails指南的这一部分，我的理解是你可以在清单中包含一个像welcome.css.scss这样的CSS文件，如下所示： @import “bootstrap”; /* *= require_self *= require_tree . */ 这没有成功应用我的CSS; welcome.css.scss也没有出现在head标签中。 当我试图调试这个时，我遇到了一些奇怪的事情，我觉得我也应该指出： 1.导入引导程序时出错 VIM的Syntastic插件有助于指出错误： File to import not found or unreadable: bootstrap. Load path: /home/stephen/code/blocitoff/app/assets/stylesheets 这很奇怪，因为 a）之前没有出现过这个错误，尽管我没有更改它引用的代码行（@import“bootstrap”） 和 b）bootstrap仍忠实地应用于我的页面布局，并出现在head标签的资产中。 2.卸载bootstrap-sass 我搜索了上面的错误，发现这个问题 ，这表明我卸载并重新安装bootstrap-sass。 虽然奇怪的是，即使我卸载了gem，引导设备仍保留在页面上，但这并没有奏效。 rails的版本是4.1.5 将所有css移动到application.css.scss 因为看起来我正在从application.css.scss加载引导程序，所以我在那里添加了我的CSS，但这也没有用。 在浏览器上隐身模式 最后我想如果卸载bootstrap-sass时引导程序没有消失那么可能它们被缓存在我的浏览器上了？ 我认为在开发过程中没有发生这种情况，但以防我在隐身模式下启动了chrome。 […]

中心水平forms的twitter bootstrap

我已经尝试了所有我能想到的东西，并查看了每一篇文档/教程/ github自述文件。 我正在构建一个简单的rails应用程序，它使用简单的forms和twitter bootstrap。 我希望我的表单位于页面的中心，我可以通过在我的bootstrap css文件中添加这些字段来移动到中心： body { text-align: center; } 结果如下： 无论我做什么，我都无法将标签“ control-label ”与中心对齐。 我尝试过在很多其他事情中使用id 。 这是我的表单的代码： { :class => ‘form-horizontal’ } do |f| %> { :maxlength => 10 }, :label_html => { :class => ‘control-label’ } %> ‘btn-primary’ %> 和生成的HTML： New Message Phone Message 请问有人可以提供一些支持吗？

切换页面后，Bootstrap下拉列表停止工作–Rails 4.2

我在我的网站上实现了引导菜单。 问题是，如果我切换页面菜单变得没有响应，请接受“徽标部分”，它将我带回主页。 如果我刷新页面，下拉菜单会再次运行。 我不知道为什么。 我的application.js看起来像： //= require jquery //= require jquery_ujs //= require turbolinks //= require bootstrap //= require moment //= require react //= require react_ujs //= require writer/react/panel 我的Gemfile ： source ‘https://rubygems.org’ gem ‘rails’, ‘4.2.0’ gem ‘pg’ gem ‘turbolinks’ gem ‘jbuilder’, ‘~> 1.2’ gem ‘therubyracer’ gem ‘figaro’ gem ‘responders’, ‘~> 2.0’ gem ‘active_model_serializers’, github: […]

使用Bootstrap中的Nav Bar选项卡渲染Rails部分表单

您好我正在尝试使用制表符在页面中呈现部分表单。 我有_form1.html.erb和_form2.html.erb 所以我的view.html.erb应该基于选项卡式菜单呈现表单 view.html.erb form1 form2 但它不起作用我做错了什么？ 我收到错误无法找到项目’project_id’= form1

ruby on rails第8章，第3版。 关于菜单下拉菜单

登录到用户帐户时，我似乎无法显示关于下拉菜单。 我没有使用heroko，在我的本地服务器上运行它，但我不认为这应该有所作为。 Account and my session controller class SessionsController < ApplicationController def new end def create user = User.find_by(email: params[:session][:email].downcase) if user && user.authenticate(params[:session][:password]) log_in user params[:session][:remember_me] == '1' ? remember(user) : forget(user) redirect_to user else flash.now[:danger] = 'Invalid email/password combination' render 'new' end end def destroy log_out if logged_in? redirect_to root_url end end 谢谢你的帮助

Bootstrap忽略某些媒体查询

我目前有以下scss文件的内容： /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { // Something here } /* Desktop */ @media (min-width: 981px) and (max-width: 1198px) { // Something here } /* Large Desktop */ @media (min-width: 1200px) { // Something here } 如果我在Rails中加载application.css文件，我会得到以下内容： /* Portrait tablet to landscape and desktop */ […]

如何在html（col）中将样式实现为rails

我有一个问题，当我想实现我的html导轨之前我已经在桌面显示器上创建了一个包含3列的目录，在这样的移动显示器上创建了2列 在桌面显示中，我的目录看起来像这样 [1] [2] [3] [4] [5] [6] 但是当我改为移动视图时，它们看起来像这样 [1] [2] [3] [4] [5] [6] 以前用于html的语法与问题上方的链接完全一样，我应该放在哪里 和 我是否必须在循环中添加“IF”或其他内容才能添加代码？ 这是我的视图语法 Platform: Price: 谢谢

在Heroku上将bootstrap-sass bootstrap CSS投入生产

我正在使用我的rails（3.2.5）应用程序中的bootstrap-sass gem，并且在我的本地开发环境中工作得很好。 但是，当我在Heroku上部署prod时，引导程序CSS不包含在已编译的资产中。 我在我的Gemfile中添加了bootstrap-sass和sass-rails： gem ‘bootstrap-sass’, ‘2.0.3.1’ group :assets do gem ‘sass-rails’, ‘3.2.4’ end 我在Bootstrap中添加了一个导入到我的资产目录中的custom.css文件： @import “bootstrap”; 基本的东西。 知道为什么这不适用于Prod？