我想在我的网站上全局应用Bootstrap类，并且随着Bootstrap类通过jQuery的应用，并没有使所有网站元素跳来跳去。
例如，我想使每个h1元素都具有Bootstrap类text-center和border-bottom。为此，我可以使用jQuery的.addClass()方法将适当的Bootstrap类应用于所有匹配的元素。问题在于，每次用户访问网站上的其他页面时，未加载样式的元素都会首先加载，然后在应用Bootstrap类时它们会跳来跳去。我以为是因为我的jQuery脚本仅在页面加载完成后运行。
为避免这种情况，我可以将Bootstrap类直接放在h1元素中，就像这样：<h1 class="text-center border-bottom">...</h1>。显然，这并不是一个好的解决方案，因为我不想将类“硬编码”到站点中的每个h1元素上。
是否有一种方法可以在加载/发布网站之前应用Bootstrap类，以免网页元素“跳”？
我目前正在使用XAMPP在本地托管网站，而我正在使用PHP在所有页面上包含相同的页眉和页脚。页眉和页脚包含必要的Bootstrap样式和脚本资源。
答案 0 :(得分：0)
我想做的就是将我的HTML包装在div中，让我们称之为包装。在页面的头部：
mapk然后在我的“ CSS”文件中拥有
<style>.wrap{display:none;}</style>
然后在页脚.wrap{display:block;}
中加载我的CSS：
defer这将“隐藏”页面的内容，直到CSS完全加载为止。 我还将所有CSS压缩到一个文件中，这很容易，因为我开发了自定义CMS而不使用wordpress，但这是另一回事。