В настоящее время я разрабатываю веб-сайт портфолио с Bootstrap 4 для личного использования.Я хочу использовать значок LinkedIn в качестве компонента на сайте, но он не будет работать последовательно.
Я проверял это в нескольких браузерах, с / без файлов cookie, на локальном сервере, с CDN Bootstrap и слокальные версии.И Ubuntu 18.04, и Android 8.0 Oreo использовали.
<body>
...
<div class="LI-profile-badge container" data-version="v1" data-size="large" data-locale="en_US" data-type="vertical" data-theme="light" data-vanity="kurtis-odom">
<a class="LI-simple-link" href="https://www.linkedin.com/in/kurtis-odom?trk=profile-badge">Kurtis Odom</a>
</div>
...
<!-- LinkedIn Badge script -->
<script type="text/javascript" src="https://platform.linkedin.com/badges/js/profile.js" async defer></script>
</body>
Иногда значок загружается правильно, но часто не работает, оставляя лишь гиперссылку с моим именем, которая ссылается на мою страницу LinkedIn.
Изображение того, что должно произойти и что на самом деле происходит
Полный рабочий проект, размещенный на GitHub Страницы: https://kko13.github.io/BS4-Portfolio/