Question

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

有可能吗？

Answer 1

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

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

希望此解决方案有所帮助！

Answer 2

第一：如果要在文档的<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>

禁用bootstrap以获得小分辨率

2 个答案: