Twitter Bootstrap - 强制响应/特定设备的布局宽度/ useragent

是否有可能手动切换到/强制显示指定设备或屏幕尺寸上的选定布局宽度？我的意思是，我希望能够像平常一样响应，但是当屏幕宽度为1366像素（或者可能指定useragent）时，它应该显示768（SM布局）而不是1280（LG）（无需手动向多个条件添加条件，许多媒体查询...）也许有一种方法可以告诉浏览器，它的宽度与测量值不同。Twitter Bootstrap - 强制响应/特定设备的布局宽度/ useragent

我是否在朝着好的方向思考或者没有意义？谢谢

来源

2014-01-30 A. wolo Wolski

col-sm- *是从768px到991和从992到1199是col-md- *和从1200到最高是col-lg- *并且所有百分比对于每个col是相同的，所以如果它增加到你可以按照你的意愿操纵它们。但是，如果你只是使用col-sm- *，它将从768px开始一直保持不变，不需要添加更多的列类。网格很流畅，因此布局将根据需要进行调整。看看GetBootstrap.com上的网格示例 – Christina

我知道这一点。对我而言，该网站正在完美运作。但客户说，它应该在他的设备上显示SM布局，它的屏幕宽度为1366px。当你已经完成运行网站时，这不是一个好消息。所以我正在寻找一种方法来告诉浏览器（javascript？）该视口具有不同的尺寸来模拟这个。或者类似的东西。这是我的想法，但我不知道这甚至是可能的。 –

你可以建立自己的自定义Twitter的引导

http://getbootstrap.com/customize/

在媒体查询断点节，有你需要的变量。

来源

2014-01-30 01:11:25

我知道这一点，但重点是，我已经完成并运行网站 - 所以即使我改变了断点并替换了我的引导程序，我也必须在网站样式的许多地方修改媒体查询。我需要一些“切换布局”的方法，比如“模拟屏幕大小”或其他什么...... –

而且我已经在4种布局中使用了所有的断点尺寸，所以不能只使用一种空闲的，定义尺寸并粘贴occurances。 –

我想你至少需要修改所有样式的一次（使用js只能修改窗口大小，追加或删除样式），但是可以通过php使用* dynamic css *并传递* width * param这个：'style.php？width = 1400'如果你想这样，告诉我发布示例代码 –

Twitter Bootstrap - 强制响应/特定设备的布局宽度/ useragent

回答

相关问题