问题标签 [twitter-bootstrap-3]

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 投票
1 回答
431 浏览

css - 带有 Rootstheme 和 Twitter 的 Bootstrap 3 的 Wordpress Menu Dropcaps

我有 Twitter Bootstrap 3 Wordpress RootsTheme

  1. 如何创建 Wordpress Dropcaps 主导航菜单?

    WordPress 导航菜单 Dropcaps

0 投票
2 回答
355 浏览

css - Twitter bootstrap 3 - 比较每个设备上的列比率

在新版本中Twitter Bootstrap 3,根据设备大小 grid分为不同的column类 ( )。col-*

当我阅读Grid example mixed时,我看到一个 div

<div class="col-12 col-lg-8">8</div>

我是否必须理解 acol-12等于 a col-lg-8(in ratio) ?

0 投票
10 回答
214301 浏览

html - 居中引导输入字段

我是新手,尤其是 Bootstrap。我有这个代码:

我需要将此输入字段和按钮放在页面中心:

这没有用:"margin-left: auto; margin-right:auto;"

在网页上看起来像这样

有没有人有任何想法?

0 投票
1 回答
30913 浏览

twitter-bootstrap - Bootstrap 3 折叠菜单

我最近刚刚下载了最新版本的引导程序...我构建了一个可折叠的导航,它可以按预期进行,但是,当您在菜单图标折叠后滚动菜单图标时,什么也没有发生。在所有演示中,导航都会弹出。我已经下载了示例,但在菜单被隐藏后它们也无法工作¿我已经到处寻找解决方案?任何帮助将不胜感激!我包括编写的代码..

CSS

HTML

0 投票
1 回答
7423 浏览

modal-dialog - 如何调整 Twitter 的 Bootstrap 3 模态窗口的大小和动画?

我想问是否有人可以给我一些想法来动态调整 Bootrap 3 模态窗口的大小,并具有流畅的动画效果。(Clannad System对 TB2 的原始问题)

0 投票
1 回答
24960 浏览

twitter-bootstrap - 导航栏上的搜索表单 pull-left/pull-right 在 Chrome 中无法正常工作

我正在从 Twitter Bootstrap 版本 2.3.2 迁移到最新版本 3 RC 1。现在我在顶部导航栏中的搜索按钮遇到了一个问题。HTML代码如下:

问题是,它在 Firefox 中完美运行,但在 Chrome 或 IE 9 中,它使搜索框超长,因此将这个搜索框和按钮移动到导航栏下方。

我尝试排除故障,发现如果我从表单中删除“向右拉”,搜索框和按钮将与导航项内联移动到上方,但失去了向右拉带来的效果 - 它会占用所有行空间正确的。

此外,如果我将搜索表单替换为调试

然后它就会很好地工作;但这也不是我的目的。

我的代码有问题吗?还是版本 3 RC 1 有问题?无论如何要解决它?

0 投票
5 回答
226838 浏览

css - 在 Twitter Bootstrap 3 中使用 col-lg-push 和 col-lg-pull 进行列顺序操作

我现在正在阅读 Twitter Bootstrap 3 上的文档,并尝试按照 本页所示的列顺序进行操作, 但碰壁了。我不明白为什么这样的代码有效,也不明白如何正确指定设置。我要展示的是一个网格,它由长度为 5 的网格组成,另一个长度为 5,最后是一个长度为 2 的网格。

所以我的是这样的:

我想要实现的是,当它在桌面上查看时,会显示上面的布局,但是当它在移动设备上查看时,我想先显示第二个长度为 5 的对象,然后是第一个长度为 5 的对象,最后是长度为 2 的对象, 垂直。像这样:

虽然我尝试按照上述文档中解释的步骤进行操作,但尽管在移动平台上,我还是得到了第一个长度为 5 的对象而不是第二个对象,正如我所说的那样,它应该在顶部显示第二个长度为 5 的对象。换句话说,我得到了这个:

那么我怎样才能正确地将第二个放在第一个上呢?或者因为我使用相同的长度对象,列排序不能工作吗?

这是我的代码供您参考:

此外,文档没有说明什么pullpush意味着什么。所以我错过了什么吗?

谢谢。

0 投票
14 回答
64609 浏览

jquery - 使用 Bootstrap 3 在 Twitter Typeahead 上的 CSS 问题

随着 Bootstrap 3 的发布。Typeahead 已被删除以支持此:
https ://github.com/twitter/typeahead.js

我已经成功地将它集成到远程获取数据上

但我对自动完成有问题

在此处输入图像描述

如您所见,文本框中出现了两个文本。

如文档中所述,我已经包含了css(https://github.com/jharding/typeahead.js-bootstrap.css ),但没有运气。

任何帮助或建议将不胜感激。

jsfiddle 显示问题:http:
//jsfiddle.net/KrtB5/

HTML

Javascript

0 投票
1 回答
6841 浏览

css - Bootstrap轮播:幻灯片完成后启动css动画

谁能帮我举个例子,说明当轮播项目处于活动状态时如何启动动画。

我正在使用 daneden.me/animate/‎他的 css,动画在下一个项目被触发后立即开始。现在我想要的是让它在幻灯片完成后开始。

这是我的 HTML

css 是从daneden的 animated.css 加载的。

0 投票
2 回答
250 浏览

html - Bootstrap 3:Div 不像以前那样工作

我有section divs我的表格。并且每个部分可以有多个字段。它适用于 Bootstrap 2.3 css。当我用 Bootstrap 3.0 css 替换它时,所有字段都来自 div 部分。我尝试检查元素,但找不到任何区别。
CSS

HTML