Bei der CSS handelt es sich ansich lediglich um die bootstrap.css. Die andere CSS die ich im Einsatz habe, dient lediglich der Optik. Hab beide aber mal als ZIP angehängt.
Ich hoffe jetzt wird einiges klarer.
HTML
<div class="container" style="margin-top:100px; border:1px solid red">
<div class="col-md-6">
<a href="index.html"><img src="img/logo.png" width="100%"></a>
</div>
<div class="col-md-6">
<nav class="navbar" style="background-color:#fff; border-style:none; margin-top:50px;">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href=""></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="navbar navbar-nav navbar-right navbar-bottom">
<li><a href="ueber-uns/">Über uns</a></li>
<li><a href="leistungen/">Leistungen</a></li>
<li><a href="produkte/">Produkte</a></li>
<li><a href="kontakt/">Kontakt</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
</div>
Alles anzeigen