问题标签 [twitter-bootstrap-2]

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 投票
13 回答
213935 浏览

twitter-bootstrap - 使用 Twitter Bootstrap 添加垂直空格?

使用 Twitter 的 Bootstrap 添加垂直空白的最佳方法是什么?

例如,假设我正在创建一个登录页面,并且希望在某个按钮的上方和下方有一点(100 像素)空白。显然,我可以为那个特定的按钮创建一个特定的类。但是,我认为 Bootstrap 应该有一种添加垂直空格的DRY方式。

0 投票
2 回答
3580 浏览

css - 使用 Twitter Bootstrap 网格将“奇数”跨度居中

我玩了一点引导程序,然后我发现了这个关于如何使跨度类居中的烦人问题。在尝试使用偏移对某个跨度进行居中之后,我可以将某个跨度类居中,例如(span8 与 offset2,或 span6 与 offset 3),但问题是,我想将 span7/span9/span10 居中。

然后我尝试使用一些技巧来居中 span10 ......

除了使用上面的代码之外,还有什么解决方案吗?

如果我想在不更改行距左值的情况下将 span7、span9 甚至 span11 居中怎么办?因为类行已经将 margin-left 设置了 20px,这让我很难将跨度居中。

0 投票
4 回答
24044 浏览

twitter-bootstrap - 引导轮播延迟加载

我正在尝试让引导轮播延迟加载。看起来这应该是直截了当的,但我什至没有在这里遇到任何错误来进行故障排除。JS:

然后是html:

firebug 中没有 JS 错误或我能弄清楚的任何其他错误,但我的图像没有加载。可能这里有些愚蠢的简单...

0 投票
1 回答
16893 浏览

html - Twitter Bootstrap 行嵌套

我对 Twitter Bootstrap 和整个网格框架还是个新手,所以如果这看起来是一个非常愚蠢的问题,请多多包涵。

但这是我迄今为止在 jsFiddle 中所拥有的。

HTML

CSS

我想要实现的是在白色空间中最后一个红色大盒子之后放置 2 个小盒子。我做了一些研究,我读到它需要在一行中嵌套一行,然后放置一列。但这似乎适用于跨度的非流体应用,即固定宽度。然而,我以百分比测量这些框,并且非常不确定如何继续嵌套这些行。有什么帮助吗?

0 投票
3 回答
12762 浏览

twitter-bootstrap - 引导水平表单“控制标签”不使用响应式样式

我在 Bootstrap 2 中使用“form-horizo​​ntal”类,但我的标签似乎没有使用响应式样式。这是它的样子:

在此处输入图像描述

当我检查它时,它的标签上特别有“宽度:160px”,这是常规的引导设置,但响应式样式只有“宽度:自动”。

我该部分的 HTML 如下所示:

0 投票
6 回答
22394 浏览

javascript - Twitter Bootstrap 模式在显示页面上滚动

单击触发 Twitter Bootstrap 模式弹出的链接会导致浏览器向上滚动页面。此行为仅在 Chrome 中发生。

这是一个演示页面:

http://www.turizmburosu.com/test2.aspx

页面有 600 行链接,导致页面正文超出窗口高度。如果单击这些链接中的任何一个,它将显示模式对话框。在 Chrome 中,单击初始视图下方的任何链接都会导致背景页面向上滚动(并不总是完全滚动到顶部)。

我使用以下函数来触发模态的显示:

链接的形式为:

我在Chrome 22.0.1229.94 m中看到了这种行为。

关于为什么会发生这种情况以及如何防止它的任何建议/想法?


附加示例

这可以在 Modal 插件的 Twitter Bootstrap 文档页面上重新创建。

进入页面后,只需覆盖现有的 data-api 即可改用 JavaScript api:

现在,如果单击Launch Demo Modal按钮,则在显示模式时页面将向上滚动。

同样,这是使用 Chrome。

0 投票
2 回答
11372 浏览

twitter-bootstrap - Twitter Bootstrap:偏移列?

我正在研究 Bootstrap 并且想知道偏移列:http: //twitter.github.com/bootstrap/scaffolding.html#gridSystem

文档说这些列“每行应该总是加起来 12”。然后它给出了一个偏移列的例子:

问题:

  1. 这些列加起来不等于 12。它总共只有 7。或者如果你计算偏移量:9。这只是一个坏例子还是什么?
  2. 为什么我要抵消任何东西?这只是为了更好地处理我网站布局的内容吗?
0 投票
9 回答
82501 浏览

twitter-bootstrap - 如何使用 Bootstrap 滚动间谍?

我不能完全让滚动间谍与垂直导航一起正常工作。您可以在下面找到我使用的代码。出于某种原因,只有“二”被激活。

任何人都知道出了什么问题?

0 投票
0 回答
260 浏览

xml - twitter bootstrap 是否总是需要很长时间才能在 Firefox 中加载?

我在 Mac OSX Lion 上使用 Firefox 10.0.2 并使用 Twitter Bootstrap 2.1.1 。我正在使用 xslt 将 xml 文件转换为 html。该文件非常大,我认为这是页面加载需要大量时间的原因。但是当我查看控制台时,我发现与 bootstrap.min.css 中的错误和警告所花费的时间相比,剩余的时间非常少。请看下面的截图。

在此处输入图像描述

这些错误很容易占用 6 秒。我的 xml 文件中的所有其他组件加载速度非常快。有什么方法可以使页面加载更快并消除这些错误?

编辑:这是图像的链接,因此可见。http://i.stack.imgur.com/W41En.png

0 投票
2 回答
17921 浏览

css - Twitter Bootstrap 2.3.2 上的置顶页脚

我希望我的引导页面的页脚始终位于页面底部,而我找到的解决方案对我不起作用。这里没有提出任何解决方案

将页脚刷新到页面底部,twitter bootstrap对我不起作用。由于页面的高度不同,这很棘手,对吧?无论我尝试什么,页脚下方总是有空格。由于我不想要一个固定的页脚,我应该如何实现这一点,因为我的引导站点是响应式的?