1
Я пытаюсь центрировать элементы на бутстрап-навигаторе. Все работает, пока я не добавлю аудиоплеер.Аудиоплеер на bootstrap navbar
Может ли кто-нибудь помочь мне в том, как сосредоточить свои элементы навигатора и как убедиться, что он работает на мобильных устройствах?
Вот мой код:
<nav class="navbar navbar-inverse">
<div class="container-fluid top-nav">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="https://www.facebook.com/999fmthezoo?ref=hl" target="_blank" onclick="ga('send', 'event', 'link', 'click', 'Facebook Social Clicks');">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://twitter.com/wzooradio" target="_blank" onclick="ga('send', 'event', 'link', 'click', 'Twitter Social Clicks');">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</a>
</li>
<li class="nav-item">
<ul class="nav navbar-nav">
<li class="nav-item">
<audio preload="auto" controls>
<source src="http://stream1.mtcstream.com:8500/wzoo">
</audio>
</li>
</ul>
</li>
<li class="nav-item">
<ul class="nav navbar-nav navbar-right cta-container">
<li class="nav-item">
<a class="phone" href="tel:336-672-3333">Call <u>336-672-3333</u></a>
</li>
</ul>
</li>
</ul>
</div>