问题标签 [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.
javascript - 使用 Twitter 的 Bootstrap 时,如何更改弹出框的内容?
我正在使用 Twitter 的 Bootstrap js 中的弹出框功能。我有一个按钮,单击该按钮时会执行此 javascript:
还有另一个按钮执行基本相同的 javascript,只是标题和内容函数返回不同的文本。
请注意,它们都在同一个元素上定义了弹出框,只是内容不同。
问题是,一旦单击任一按钮并执行 js,从另一个按钮后续单击都不会更改弹出框内容。那么一旦弹出框被初始化,我该如何更新/更改内容?
javascript - Bootstrap:模态框上的弹出框
我想使用来自 Twitter 的 Bootstrap CSS 库在现有的模式对话框上使用弹出效果。我将弹出框绑定到小图像图标。
模态本身也根据文档添加:
但是我得到的效果是,弹出框呈现在模态容器下方而不是模态 div 上方(请参见下面的屏幕截图)。我怎样才能让弹出框真正超过模态 div ?
jquery - Twitter Bootstrap 警报可以淡入淡出吗?
当我第一次在 Bootstrap 中看到警报时,我认为它们的行为会像模态窗口一样,下降或淡入,然后在关闭时淡出。但似乎它们总是可见的。我想我可以让它们位于我的应用程序上方的一层并管理显示它们,但我想知道该功能是否是内置的?
谢谢!
编辑,我到目前为止:
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 更改为不压缩文件:
那么原始命令也可以工作(不指定开发环境)。
那么,我该如何追踪错误呢?我现在可以忍受只关闭压缩,但显然有问题。是导轨吗?链轮?红宝石赛车手?丑化剂?
javascript - 如何在鼠标移入之前保持 Twitter Bootstrap Popover 打开?
我有一个使用Twitter Bootstrap Popover 1.3.0 版的链接来显示一些信息。此信息包括一个链接,但每次我将鼠标从链接移到弹出框时,弹出框就会消失。
如何保持弹出窗口足够长的时间以使鼠标能够移动到其中?那么当鼠标移出链接并弹出时,隐藏它?
还是有其他插件可以做到这一点?
javascript - 你怎么知道如何使用 twitter-bootstrap?
我找不到完整的文档。例如,popover
效果(此处)将使用 DOM 的data-origin-title
属性作为它自己的标题,并data-cotent
作为它的内容:
在哪里学呢?官方文件没有data-origin-title
属性。. 的源代码中都没有bootstrap-popover.js
。
css - 替代 Twitter Bootstrap 的 GUI 库?
Twitter 发布了一个名为 Bootstrap 的 GUI 框架/库。
Twitter Bootstrap 质量好、外观漂亮、格式完整的表单/布局声明,但是任何人都可以推荐一些除了 Twitter Bootstrap 之外的类似框架/库吗?
有些人可能会建议使用 jQueryUI,但我认为 jQueryUI 的 css/graphic 还不够好。
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 中存在。
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 提供了什么:
如前所述,当我填写表单并提交时,两条相同的记录被保存到数据库中,并且模式保持在原位,其中的值仍在其中。我究竟做错了什么?
ruby-on-rails - Rails:加速造型
也许你知道twitter 上的 bootstrap css?这真是太棒了!它使您能够使用一些默认的 css 类快速启动项目。
我认为这是一个好主意,尤其是对于 Rails 项目。因为 rails 允许程序员快速开发应用程序,而 bootstrap 允许程序员快速设置样式!
但是有些插件需要一些配置才能很好地与引导程序集成,有时这很痛苦......那么是否有一个存储库,其中一些主要插件如 simple_form 或 will_paginate 被分叉以与引导程序很好地集成?
并且以更一般的方式,是否有一个存储库,您可以在其中拥有一些很棒的风格的 Rails 应用程序?使用像 Sass 或 Less 这样的工具,有一些默认的 mixin 来加速样式任务会很棒!