我可以允许用户禁用Twitter Bootstrap响应

时间:2014-03-04 19:35:30

标签: html css css3 twitter-bootstrap

所以我有一个使用twitter bootstrap构建的网站3.一切都很好,在移动设备/平板电脑上看起来也不错。我想要做的是在页脚中添加一个链接,以允许用户查看完整的网站,而不是移动响应版本,如果他们愿意。

我知道我可以更改viewpot以强制移动整个网站,但我希望默认为响应,如果用户选择想要完整网站,他们会点击一个链接,这将禁用响应功能。

我环顾四周,并且出乎意料地没有看到很多这方面的文档,我认为这些文档很受欢迎,因为现在大多数网站都有这种功能。提前致谢

2 个答案:

答案 0 :(得分:2)

您可能需要提供两个不同版本的Bootstrap,一个默认版本,另一个版本为variables.less

看一下文件的这一部分:

// Point at which the navbar becomes uncollapsed
@grid-float-breakpoint:     @screen-sm-min;
// Point at which the navbar begins collapsing
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);

您可以将其更改为此类内容,以便永不显示移动菜单

// Point at which the navbar becomes uncollapsed
@grid-float-breakpoint:     0%;
// Point at which the navbar begins collapsing
@grid-float-breakpoint-max: 0%;

调用已编译的CSS文件bootstrap-desktop.css,然后在用户访问桌面网站时提供此CSS文件而非默认文件

答案 1 :(得分:2)

最简单的方法是切换视口元标记。

默认情况下已贴上标签。

当他们选择桌面模式时,向URL添加内容或设置cookie以不输出元标记。