为小分辨率禁用引导

我想在不使用引导程序的情况下创建我的应用的移动版本（用于桌面版本）简化我不想在分辨率小于768px的分辨率下载引导样式表。为小分辨率禁用引导

可能吗？

2014-09-24 edi233

不想下载或dosent想要应用样式？ – Sudheer 2014-09-24 10:02:09

类似[this]（http://css-tricks.com/resolution-specific-stylesheets/）？ – 2014-09-24 11:19:34

访问http://getbootstrap.com/customize/并从设置中禁用您不想使用的Bootstrap部分！

另一种解决方案可能是只使用所需的bootstrap.css文件的代码，手动编辑它！例如，删除它所说的@media所在的所有部分....这将删除小屏幕的所有样式修改，并且您将使您的bootstrap.css文件更小，这将加快您的页面加载时间！

希望这个解决方案有帮助！

来源

2014-09-24 12:29:33 BigDropGR

第一个：如果您要在文档的<head>内加载bootstrap css，则应将其删除。这将帮助您的浏览器更快地加载您的页面......而不是停止呈现过程，以便对REQUEST引导进行HTTP调用，然后等待从服务器或CDN下载Bootstrap CSS以完成对DOM的分析。

相反，你应该在你的文件的末尾加载CSS和只要求加载它只是如果你的屏幕尺寸小于768px :)

我希望这帮助...

<script> 
(function(){ 
    var screenSize = window.innerWidth; 
    if(screenSize>768) { 
     var bootstrapStyles = document.createElement('link'); 
     bootstrapStyles.setAttribute('rel','stylesheet'); 
     bootstrapStyles.href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"; 
     document.head.appendChild(bootstrapStyles); 
    } 
})(); 
</script>

来源

2014-09-29 00:47:55

为小分辨率禁用引导

回答

相关问题