Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

getbootstrap.com won't load Bootstrap CSS in macOS Safari

See original GitHub issue

It looks like Safari on macOS has a different “integrity” string when loading the site’s Bootstrap CSS file.

macOS 10.13.6 (17G65) Safari 11.1.2 (13605.3.8)

This is the error in the console:

Cannot load stylesheet https://getbootstrap.com/docs/4.1/dist/css/bootstrap.min.css. Failed integrity metadata check.

In Safari, this is the full tag for that file: <link href="/docs/4.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

Here is the same tag in Chrome, FireFox, and Opera:

<link href="/docs/4.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">

Issue Analytics

State:
Created 5 years ago
Comments:8 (6 by maintainers)

Top GitHub Comments

1reaction

mrlifecommented, Jul 18, 2018

Looks like I was doing it wrong. To clear the cache, it’s Command+Option+E, not Command+Option+R. That fixed it, so this is user error.

How did I end up with a reference to a different “integrity”?

0reactions

XhmikosRcommented, Dec 21, 2018

Something isn’t right @mdo in https://github.com/twbs/bootstrap/commit/6c8f6cebd46ed47db6ac31a63dacced34760ffc9

Why were the 4.1 dist files changed? Those should be reverted.

Top Results From Across the Web

Mac OS can't load Bootstrap CDN on any browser

I am currently working on a website that uses bootstrap but whenever I load the website in my user account I get ...

Wall of browser bugs - Bootstrap

Browser(s) Summary of bug Upstream bug(s) Bootst... Edge Visual artifacts in scrollable modal dialogs Edge issue #9011176 #20755 Edge Active position: fixed; flickers when scrolling...

Browsers and devices - Bootstrap

Unfortunately, the Browser app has lots of bugs and inconsistencies with CSS in general. Select menu. On <select> elements, the Android stock browser...

Wall of browser bugs · Bootstrap v4.6

Browser(s) Summary of bug Upstream issue(s) Bootst... Edge Visual artifacts in scrollable modal dialogs Edge issue #9011176 #20755 Edge Active position: fixed; flickers when scrolling...

Getting started - Bootstrap

You can also install and manage Bootstrap's Less, CSS, JavaScript, ... WARNING: Respond.js doesn't work if you view the page via file:// -->...