<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Меню</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Фирма</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Главная <span class="sr-only"></span></a></li>
<li><a href="#">О нас</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Выпадающее меню у края окна<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Залезает за край окна</a></li>
<li><a href="#">Залезает за край окна</a></li>
<li><a href="#">Залезает за край окна</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<script type='text/javascript'>
jQuery(document).ready(function() {
jQuery('a[href^="http://"]').filter(function() {
return this.hostname && this.hostname !== location.hostname;
}
).each(function() {
var link=jQuery(this);
link.addClass("favicon_link");
var faviconURL=link.attr("href").replace(/^(http:\/\/[^\/]+).*$/,"$1")+"/favicon.ico";
var faviconIMG=jQuery('<img class="favicon_image" src="путь для альтернативного favicon.ico" alt="" width="12" height="12" style="vertical-align:middle; border:none; padding:2px; box-shadow:0 0 0 0; -webkit-box-shadow:0 0 0 0; -moz-box-shadow:0 0 0 0;"/>')["appendTo"](link);
var extImg=new Image();
extImg.src=faviconURL;
if(extImg.complete) {
faviconIMG.attr("src",faviconURL);
}
else {
extImg.onload=function() {
faviconIMG.attr("src",faviconURL)
}
}
})
});
</script>
https://toster.ru/q/180877