2013-02-13 76 views
0

我有一个正在开发的网站(http://www.snippet-monkey.com)。这个网站是用Twitter Bootstrap和Rails3开发的。使Twitter自举响应

现在,布局在不同的浏览器中显示不同的行为。它适用于我的笔记本电脑中的所有浏览器,但在其他机器上无法使用,并在其他许多机器上运行。

我怎样才能将此布局转换为响应? 任何帮助真的很感激。

+0

在我的笔记本电脑上的所有浏览器上都能正常工作,但在其他机器上无法正常工作,并在其他许多设备上工作。响应与机器或浏览器无关(在我看来),但你的网页在某些视口(又名屏幕尺寸)上的表现如何? – Rockbot 2013-02-13 09:47:44

+0

@摇滚乐 - 对不起,这正是我的意思。随着平台更改屏幕尺寸可能会有所不同 – user1428016 2013-02-13 11:00:43

+0

您是否使用.less或.ssss版本的bootstrap? – Rockbot 2013-02-13 11:52:57

回答

1

添加@import“twitter/bootstrap/responsive”;

您bootstrap_and_overrides.css.less文件

默认情况下,这些天未启用引导配置响应,你必须添加此功能中,这是你的意思与“这有什么简单的方法

+0

试了一下。但仍然没有工作。窗口大小缩小时,右上角的“登录”按钮似乎不可见。这是因为在导航栏上固定顶部? – user1428016 2013-02-13 11:06:11

+0

确定,您的按钮消失,因为您尚未启用导航栏的响应式布局,请参阅http://twitter.github.com/bootstrap/components.html#navbar(响应式导航栏) – Richlewis 2013-02-13 13:00:10

+0

第二件事,摆脱所有内联样式,并将其放在外部样式表中,看起来你的压倒一切的默认引导行为 – Richlewis 2013-02-13 13:03:09