1
Ich versuche, Elemente in einer Bootstrap-Navigationsleiste zu zentrieren. Alles funktioniert, bis ich einen Audio-Player hinzufüge.Audio-Player auf bootstrap navbar
Kann mir jemand helfen, wie ich meine Navbar-Elemente zentriere, und wie man sicherstellt, dass es funktioniert?
Hier ist mein Code:
<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>