问题标签 [twitter-bootstrap-rails]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
498 浏览

twitter-bootstrap - Simpleform + bootstrap:去掉必填字段的省略号和悬停文本

我最近升级了一起使用的 simpleform 和 bootstrap。我的必填字段现在在星号下方有省略号,当用户悬停时,他们会得到一个工具提示。

如何自定义或删除该行为?

0 投票
1 回答
482 浏览

ruby-on-rails - 在引擎中使用 twitter bootstrap rails

我目前正在尝试开发一个 Rails 引擎,我想在这个引擎中使用 twitter boostrap rails。我已经将 gem 添加到 gemspec 文件中的依赖项中,但是需要执行 rails 生成器才能正常运行。安装引擎后如何自动运行 twitter boostrap 生成器?

谢谢

0 投票
4 回答
12672 浏览

ruby-on-rails - Twitter Bootstrap & rails - 居中内容并修复最小宽度

在我的 html 中,内容应该以屏幕为中心,并且他的宽度不应该大于 950 像素。

由于我希望在移动设备和桌面设备上显示相同的 html,因此我使用 twitter bootstrap 来使布局具有响应性。

问题是:我似乎无法使内容 div 居中并且最大宽度为 950px。

当我在浏览器上打开 css 有这个媒体查询:

这使我的 div 始终适合整个屏幕。

我怎样才能解决这个问题?

基本上我想做的是这样的:

架构

橙色线是容器(或主体),蓝色线是行

谢谢你的帮助。

编辑

只是我发现可能会帮助某人帮助我的东西

如果我注释掉这一行:

div.content保持 950px 宽度,但我的 html 失去了响应行为,这是我不想要的

编辑 2

html标记:

但在浏览器上它会创建这些东西:

澄清一下,这在 twitter bootstrap 上不是问题,这是twitter-bootstrap-rails上的问题

我发现在开发中修复它的方法是使用gem-open打开twitter-bootstrap-rails gem并更改文件:注释掉这些行:/vendor/toolkit/twitter/bootstrap/responsive.less

0 投票
3 回答
8341 浏览

css - 为什么 Twitter Bootstrap “固定”布局不固定?

Twitter Bootstrap 网站内容如下:

默认且简单的 940 像素宽、居中布局,适用于单个<div class="container">.

引用自http://twitter.github.com/bootstrap/scaffolding.html#layouts

这正是我在我的 HTML 中所拥有的,但是当我检查元素时,我看到这个 CSS 适用于它:

顺便说一句,如果我通过添加来覆盖该 CSS 规则......

然后 div.container 里面的元素比 div.container 本身宽,看起来格格不入。

那么,为什么 Twitter Bootstrap 的“固定”布局没有固定呢?我怎样才能修复它?

0 投票
2 回答
434 浏览

html - 导航栏中的项目不会随着最小化浏览器而移动

我正在使用 twitter 引导导航栏,当我将浏览器最小化到某个小尺寸并滚动到最终列表项时,列表项会显示在导航栏中。这是如下所示。

浏览器最大化时的导航栏:

在此处输入图像描述

浏览器最小化时的导航栏:

在此处输入图像描述

即使浏览器最小化,我也希望将项目固定在导航栏上。

0 投票
1 回答
925 浏览

ruby-on-rails - 无法在 Heroku 上部署 twitter-bootstrap-rails gem,因为 ruby​​racer 编译失败

我的 Gemfile 中有以下 gem:

这是为这个项目:https ://github.com/seyhunak/twitter-bootstrap-rails

依赖项之一是 therubyracer ( https://github.com/seyhunak/twitter-bootstrap-rails/blob/master/twitter-bootstrap-rails.gemspec#L27 ):

但是,当我尝试将其推送到 Heroku 时,出现以下错误:

有人遇到过这种情况么?

我猜 Heroku 对 therubyracer 有问题,但是关于如何解决这个问题的任何想法?

0 投票
2 回答
1121 浏览

ruby - Rails 3 和 Bootstrap 2.1.0 - 无法修复我的页脚

我有带有引导程序 2.1.0 的 Rails 应用程序(twitter-bootstrap-rails为此我使用 gem)。但我无法获得工作页脚。除非我向下滚动页面,否则它是不可见的。我不知道如何解决这个问题。

应用程序.html.haml

bootstrap_and_overrides.css.less

0 投票
1 回答
2616 浏览

ruby-on-rails - Twitter bootstrap rails 简单的表单格式

我正在尝试使用 twitter bootstrap 简单表单重新格式化简单的默认设计登录屏幕,但我遇到了重大问题。

截屏

这是我的代码:

如果我添加,我可以让标签和输入字段之间的间距正确

到我的 application.css 文件,但我在他们的示例应用程序中的任何地方都看不到这个 https://github.com/rafaelfranca/simple_form-b​​ootstrap 并且我真的很困惑正确格式的来源。

我和这个人的代码几乎相同https://github.com/rafaelfranca/simple_form-b ​​ootstrap/issues/6但我认为他的代码更旧。我正在使用简单的表单 2.0.2,并使用 twitter-bootstrap-rails 1.4.3 安装了引导程序。我还安装和卸载了其他几个 twitter bootstrap gem,如果有任何可能把事情搞砸的话。

编辑:如果有帮助,这是我生成的代码

登入

0 投票
1 回答
1261 浏览

ruby - Rails 3 和 Twitter 引导的侧边栏(附加) - 怎么样?

我有带有 Twitter bootstrap 2.1.0 的简单 RoR 3.2 应用程序(我通过 twitter-bootstrap-rails gem 实现了它)。我想将侧边栏与几个链接集成(正如您在左侧的 twitter 引导页面上看到的那样),但我不知道如何实现这一点(是的,我是菜鸟)。有没有人有解决方案如何在 Rails 中做到这一点?

我的应用程序布局:

0 投票
2 回答
607 浏览

ruby-on-rails - 为什么我的表格内联课程不被尊重?

我正在使用内置的“form_for”实用程序定义一个表单。我定义了 bootstrap-sass gem(已正确应用)。出于某种原因,我的按钮不会与选择框呈现在同一行。

我的观点(显示渲染代码):

呈现的 HTML:

实际呈现的形式:

1

这是移除了“form-inline”类后呈现的表单:

2

请注意按钮呈现位置的细微变化。