问题标签 [twitter-bootstrap]

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 投票
3 回答
15208 浏览

javascript - 使用 Twitter 的 Bootstrap 时,如何更改弹出框的内容?

我正在使用 Twitter 的 Bootstrap js 中的弹出框功能。我有一个按钮,单击该按钮时会执行此 javascript:

还有另一个按钮执行基本相同的 javascript,只是标题和内容函数返回不同的文本。

请注意,它们都在同一个元素上定义了弹出框,只是内容不同。

问题是,一旦单击任一按钮并执行 js,从另一个按钮后续单击都不会更改弹出框内容。那么一旦弹出框被初始化,我该如何更新/更改内容?

0 投票
5 回答
20080 浏览

javascript - Bootstrap:模态框上的弹出框

我想使用来自 Twitter 的 Bootstrap CSS 库在现有的模式对话框上使用弹出效果。我将弹出框绑定到小图像图标。

模态本身也根据文档添加:

但是我得到的效果是,弹出框呈现在模态容器下方而不是模态 div 上方(请参见下面的屏幕截图)。我怎样才能让弹出框真正超过模态 div ?

在此处输入图像描述

0 投票
10 回答
157048 浏览

jquery - Twitter Bootstrap 警报可以淡入淡出吗?

当我第一次在 Bootstrap 中看到警报时,我认为它们的行为会像模态窗口一样,下降或淡入,然后在关闭时淡出。但似乎它们总是可见的。我想我可以让它们位于我的应用程序上方的一层并管理显示它们,但我想知道该功能是否是内置的?

谢谢!

编辑,我到目前为止:

0 投票
2 回答
2834 浏览

css - Twitter bootstrap 在预编译期间根据 Rails 3.1 资产管道有无效的 CSS?

我创建了一个全新的 Rails 3.1 应用程序。我在 app/assets/stylesheets/bootstrap.min.css 中添加了 twitter 引导 CSS 文件。这是相关代码

app/assets/stylesheets/application.css(包括树,所以包括引导程序)

Gemfile(包括用于编译/压缩的 execjs 和 therubyracer)

然后我运行 rake 任务来预编译资产

这失败并出现以下错误

CSS 在引导文件中(“.inputs-list li+li”是选择器)。

但是,如果我运行

现在它工作正常。事实证明,如果我将 config/environments/production.rb 更改为不压缩文件:

那么原始命令也可以工作(不指定开发环境)。

那么,我该如何追踪错误呢?我现在可以忍受只关闭压缩,但显然有问题。是导轨吗?链轮?红宝石赛车手?丑化剂?

0 投票
16 回答
56383 浏览

javascript - 如何在鼠标移入之前保持 Twitter Bootstrap Popover 打开?

我有一个使用Twitter Bootstrap Popover 1.3.0 版的链接来显示一些信息。此信息包括一个链接,但每次我将鼠标从链接移到弹出框时,弹出框就会消失。

如何保持弹出窗口足够长的时间以使鼠标能够移动到其中?那么当鼠标移出链接并弹出时,隐藏它?

还是有其他插件可以做到这一点?

0 投票
1 回答
4217 浏览

javascript - 你怎么知道如何使用 twitter-bootstrap?

我找不到完整的文档。例如,popover效果(此处)将使用 DOM 的data-origin-title属性作为它自己的标题,并data-cotent作为它的内容:

在哪里学呢?官方文件没有data-origin-title属性。. 的源代码中都没有bootstrap-popover.js

0 投票
6 回答
24819 浏览

css - 替代 Twitter Bootstrap 的 GUI 库?

Twitter 发布了一个名为 Bootstrap 的 GUI 框架/库。

Twitter Bootstrap 质量好、外观漂亮、格式完整的表单/布局声明,但是任何人都可以推荐一些除了 Twitter Bootstrap 之外的类似框架/库吗?

有些人可能会建议使用 jQueryUI,但我认为 jQueryUI 的 css/graphic 还不够好。

0 投票
1 回答
3075 浏览

jquery - IE 9 中的 Twitter Bootstrap + jQuery 验证问题

我在使用模式显示登录框(bootstrap-modal.js)的页面上使用 twitter bootstrap css 框架。在登录框中,我使用 jquery 非常简单的验证 (jquery.rsv.js) 来验证电子邮件 ID 和密码。问题是验证在 IE 9 的登录模式框中不起作用。在同一页面上,我有另一个不在模式中的表单,并且验证工作得很好。

以下是我的引导模式表单代码:-


这是按钮代码:-


用于验证的 javascript 代码:-

我正在使用 jquery 1.4.2

问题是什么??即使在 IE8 中,此代码在所有其他浏览器中也能正常工作,问题仅在 IE 9 中存在。

0 投票
0 回答
1392 浏览

ruby-on-rails - 使用 AJAX 和 Twitter Bootstrap 重复提交

我将 Twitter Bootstrap 与我的 rails 3.1 应用程序一起使用。在我的 Timesheet#show 页面上,我有一个模式框,显示用于添加嵌套记录的表单。提交时,对 create.erb.js 进行 Ajax 调用,并创建记录并将其添加到 . 表单向数据库提交了两条记录,但 Ajax 不工作且表单未清除。

在我看来:

模态(new.html.erb)

控制器 RunsController.rb

创建.js.erb

最后,Bootstrap-modal.js 提供了什么:

如前所述,当我填写表单并提交时,两条相同的记录被保存到数据库中,并且模式保持在原位,其中的值仍在其中。我究竟做错了什么?

0 投票
1 回答
251 浏览

ruby-on-rails - Rails:加速造型

也许你知道twitter 上的 bootstrap css?这真是太棒了!它使您能够使用一些默认的 css 类快速启动项目。

我认为这是一个好主意,尤其是对于 Rails 项目。因为 rails 允许程序员快速开发应用程序,而 bootstrap 允许程序员快速设置样式!

但是有些插件需要一些配置才能很好地与引导程序集成,有时这很痛苦......那么是否有一个存储库,其中一些主要插件如 simple_form 或 will_paginate 被分叉以与引导程序很好地集成?

并且以更一般的方式,是否有一个存储库,您可以在其中拥有一些很棒的风格的 Rails 应用程序?使用像 Sass 或 Less 这样的工具,有一些默认的 mixin 来加速样式任务会很棒!