问题标签 [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 投票
1 回答
21119 浏览

html - twitter 引导和画布定位

我正在尝试在我的一个项目中使用 twitter 引导程序,而我真正想要的是带有链接的标题和页面中间的 HTML 画布。参考:

示例引导页面

当我添加一个 html 画布标签并给它一个宽度和高度时,我得到了两个不良影响:

  • 画布的上边框被截断,必须对画布应用边距
  • 画布被推到右边,我必须再次对其应用边距。

我希望画布留在页面的中心。

0 投票
3 回答
143667 浏览

twitter-bootstrap - 在引导程序中填充

我使用引导程序:

Main 也有灰色背景。页面背景为白色。我遇到的问题是文本正好在灰色背景的边缘。我想要一些填充,但是当我添加它时,图像跨度会转到下一行。

有什么想法我哪里出错了吗?

0 投票
1 回答
5593 浏览

html - Bootstrap 井填充问题

当我尝试围绕几个网格元素包裹一口井时遇到问题。我不确定它是否像这样开箱即用,或者我不确定在哪里放置井课。

http://jsfiddle.net/AdamFollett/9xS8Y/1/

当包含井类时,两个 span3 元素将无法正确间隔。我没有正确使用该类,还是需要添加自己的 CSS 来解决这个问题?

谢谢

0 投票
1 回答
557 浏览

twitter-bootstrap - 使 Twitter Bootstrap 导航栏在折叠时转到页面顶部

我想知道在这种情况下什么是最佳做法。我在 twitter 引导页面中有一个导航栏,在桌面上查看时页面上方有内容。当屏幕宽度足够低时,导航栏会折叠,但折叠后导航栏处于相同位置,但我希望它在折叠后位于页面顶部。最好的方法是什么?

这是我的演示: http: //www.bootply.com/61283

0 投票
2 回答
12618 浏览

javascript - Twitter bootstrap 2.3.2 弹出框在悬停时保持打开状态

我有一个面向底部的弹出框,我希望它比默认弹出框更宽容,一旦鼠标离开触发器,默认弹出框就会消失。

只要鼠标悬停在触发器或弹出内容上,我就让它保持打开状态,但这对用户来说很难,因为他们必须在不离开这些区域的情况下从触发器元素到箭头再到内容为了与弹出框交互。有两种解决方案,但都不起作用:

1)延迟选项应该这样做。添加 delay: {hide: 500} 到 popover 调用后,popover 会在鼠标离开后打开,但在它消失之前重新进入 trigger elem 或 popover 并不会告诉 bootstrap 保持 popover 打开,因此在初始超时结束时消失。

2)加宽箭头的包含元素,以便鼠标从触发元素到触发元素之间的背景和弹出框到弹出框的工作(然后鼠标永远不会离开触发器/元素)。以下作品除了箭头是用重叠的 CSS 边框绘制的,所以背景不透明:http: //jsfiddle.net/HAZS8/

解决方法是用 jquery 硬连线 mouseover 和 mouseleave 事件,或者用图像替换重叠边框箭头。更好的修复?

0 投票
6 回答
22175 浏览

css - Bootstrap 2.3 CSS Responsive left with a white space on the right

我正在创建一个网站(我对此很陌生)。我正在研究设计的功能部分,稍后我会让人做图形。

目前,当它进入响应式(移动视图)时,它会在右侧留下 2px 的边距,可在移动浏览器上移动(并且可滚动)。我这辈子都无法摆脱它。

如果我打开overflow-x: hidden,那么它确实变得不可滚动但仍然可以移动。

我希望多余的空间消失。我没有看到它在任何 CSS 中定义为填充。

使用引导 2.3

0 投票
15 回答
63721 浏览

javascript - Bootstrap v2 下拉导航在移动浏览器上不起作用

我遇到了移动设备上的 Bootstrap 菜单下拉菜单(Bootstrap 2)的问题。此处使用下拉按钮提出了类似的问题,但答案是引导程序中的一个固有错误,已在更新中解决。我似乎遇到了同样的问题,所以也许是我的标记?

我有一个带有下拉菜单的可折叠导航栏,一切都在桌面浏览器上完美运行。但是在移动设备上,当您单击下拉菜单时,下拉菜单会打开,但单击任何下拉链接只会将下拉菜单再次折叠起来——无法访问链接。我尝试了各种引导程序版本,但无法纠正这个问题,所以我只能想象这是我的标记。这里是:

这是复制代码的示例(抱歉,无法发送该站点):http: //jsfiddle.net/yDjw8/1/

(问题只能在移动设备上看到/复制——我使用的是 iOS)

任何帮助将非常感激。

0 投票
1 回答
3275 浏览

twitter-bootstrap - 将雪佛龙置于右侧 - Navlist

您好,我正在尝试实现可以​​在http://twitter.github.io/bootstrap/components.html#navs找到的导航列表,我查看了源代码,并尝试使用他们的代码和我自己的代码:

我得到的结果是这样的:

在此处输入图像描述

我怎样才能把人字形放在右边?尝试使用偏移量进行支付,但根据字符串的长度,人字形的位置会有所不同。

0 投票
2 回答
4138 浏览

twitter-bootstrap - 如何在 Twitter Bootstrap 2.3.2 中以流畅的布局居中图像?

我正在为自己的网站使用引导程序,但我很难将单个 jpg 图像居中。

我使用以下代码

但图像仍然没有居中......这里有什么问题?非常感谢!!

0 投票
0 回答
867 浏览

css - Twitter Bootstrap v2.3.2 对齐块高度(垂直对齐中间和高度100%)

我正在尝试将文本块与周围图像的高度对齐。(类似这样的http://s14.postimg.org/gqxt3rmu9/image.jpg

这种方法vertical-align: middle with Bootstrap 2不起作用。如果有任何帮助,我将不胜感激。

风格