Я учусь Bootstrap, jQuery, Реагировать, чтобы загрузить мое меню навигации, которое находится в другом файле menu.html из index.html, это скрипт, который я использую:
function codeAddress() {
document.getElementById("myFrame").src = "src/menu.html";
}
window.onload = codeAddress;
и это основа c HTML:
<body>
<iframe id="myFrame" src="#" style="border:none;height:100%;width:100%;"></iframe>
</body>
Файл загружается, но CSS к нему не относится, он выглядит как обычный список без какого-либо дизайна применить к нему (иначе, некрасиво), есть ли более простой способ сделать это или как применить css к этой ужасной вещи? это выглядит идеально, если код вставляется непосредственно в index.html.
Содержимое menu.html представляет собой простой список, примерно такой:
<nav class="navbar navbar-expand-sm bg-dark navbar-dark sticky-top">
<!-- Brand -->
<a class="navbar-brand" href="http://mydomain.ml/">M62</a>
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">keeper</a>
</li>
</ul>
Я также пробую много другие вещи, такие как html import или javascript .get и ничего не работает, это единственный код, который фактически загружает что-то из файла меню.