问题标签 [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.
css - 带有 Rootstheme 和 Twitter 的 Bootstrap 3 的 Wordpress Menu Dropcaps
我有 Twitter Bootstrap 3 Wordpress RootsTheme。
如何创建 Wordpress Dropcaps 主导航菜单?
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) ?
html - 居中引导输入字段
我是新手,尤其是 Bootstrap。我有这个代码:
我需要将此输入字段和按钮放在页面中心:
这没有用:"margin-left: auto; margin-right:auto;"
有没有人有任何想法?
twitter-bootstrap - Bootstrap 3 折叠菜单
我最近刚刚下载了最新版本的引导程序...我构建了一个可折叠的导航,它可以按预期进行,但是,当您在菜单图标折叠后滚动菜单图标时,什么也没有发生。在所有演示中,导航都会弹出。我已经下载了示例,但在菜单被隐藏后它们也无法工作¿我已经到处寻找解决方案?任何帮助将不胜感激!我包括编写的代码..
CSS
HTML
modal-dialog - 如何调整 Twitter 的 Bootstrap 3 模态窗口的大小和动画?
我想问是否有人可以给我一些想法来动态调整 Bootrap 3 模态窗口的大小,并具有流畅的动画效果。(Clannad System对 TB2 的原始问题)
twitter-bootstrap - 导航栏上的搜索表单 pull-left/pull-right 在 Chrome 中无法正常工作
我正在从 Twitter Bootstrap 版本 2.3.2 迁移到最新版本 3 RC 1。现在我在顶部导航栏中的搜索按钮遇到了一个问题。HTML代码如下:
问题是,它在 Firefox 中完美运行,但在 Chrome 或 IE 9 中,它使搜索框超长,因此将这个搜索框和按钮移动到导航栏下方。
我尝试排除故障,发现如果我从表单中删除“向右拉”,搜索框和按钮将与导航项内联移动到上方,但失去了向右拉带来的效果 - 它会占用所有行空间正确的。
此外,如果我将搜索表单替换为调试
然后它就会很好地工作;但这也不是我的目的。
我的代码有问题吗?还是版本 3 RC 1 有问题?无论如何要解决它?
css - 在 Twitter Bootstrap 3 中使用 col-lg-push 和 col-lg-pull 进行列顺序操作
我现在正在阅读 Twitter Bootstrap 3 上的文档,并尝试按照 本页所示的列顺序进行操作, 但碰壁了。我不明白为什么这样的代码有效,也不明白如何正确指定设置。我要展示的是一个网格,它由长度为 5 的网格组成,另一个长度为 5,最后是一个长度为 2 的网格。
所以我的是这样的:
我想要实现的是,当它在桌面上查看时,会显示上面的布局,但是当它在移动设备上查看时,我想先显示第二个长度为 5 的对象,然后是第一个长度为 5 的对象,最后是长度为 2 的对象, 垂直。像这样:
虽然我尝试按照上述文档中解释的步骤进行操作,但尽管在移动平台上,我还是得到了第一个长度为 5 的对象而不是第二个对象,正如我所说的那样,它应该在顶部显示第二个长度为 5 的对象。换句话说,我得到了这个:
那么我怎样才能正确地将第二个放在第一个上呢?或者因为我使用相同的长度对象,列排序不能工作吗?
这是我的代码供您参考:
此外,文档没有说明什么pull
或push
意味着什么。所以我错过了什么吗?
谢谢。
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:
css - Bootstrap轮播:幻灯片完成后启动css动画
谁能帮我举个例子,说明当轮播项目处于活动状态时如何启动动画。
我正在使用 daneden.me/animate/他的 css,动画在下一个项目被触发后立即开始。现在我想要的是让它在幻灯片完成后开始。
这是我的 HTML
css 是从daneden的 animated.css 加载的。
html - Bootstrap 3:Div 不像以前那样工作
我有section divs
我的表格。并且每个部分可以有多个字段。它适用于 Bootstrap 2.3 css。当我用 Bootstrap 3.0 css 替换它时,所有字段都来自 div 部分。我尝试检查元素,但找不到任何区别。
CSS
HTML