0
Ich versuche zum ersten Mal mit Bootstrap zu arbeiten. Aber ich habe ein Problem gefunden, dass ich nicht herausfinden kann, wie ich es lösen soll.Bootstrap Navbar Ausrichtung rechts funktioniert nicht
Auf der schwarzen Navbar ist das "Büro" links ausgerichtet (wie üblich). Aber die Liste auf der rechten Seite nicht richtig ausrichten ....
ich bereits versucht, Pull-Recht, verschiedenen divs usw.
Kann jemand sehen, wo das Problem ist?
/******************************************************************** GENERAL */
body { background-color: #EFF3F4;
padding-top: 65px;
padding-bottom: 70px;
color: #6a6c6f;
}
a { color: #6a6c6f;
text-decoration: none;}
a:active {}
a:hover { color: #6a6c6f;
text-decoration: none;}
a:link {}
a:visited {}
/********************************************************************* NAVBAR_oben */
.navbar-oben { height: 50px;
padding: 0px;
margin-bottom: 0px;
position: fixed;
top: 0px;
right: 0px;
left: 0px;
background-color: #6a6c6f;
border: 0px;
}
a.navi-oben { color: #fff;}
a.navi-oben:hover { color: #6a6c6f;}
/********************************************************************* NAVBAR_unten */
.nav-sidebar { height: 50px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 60px;
padding-right: auto;
margin-bottom: 20px;
position: fixed;
top: 50px;
right: 0px;
left: 0px;
z-index: 1030;
background-color: #ff5b5b;
border: 0px;
}
.navbar-nav>li>a.dropdown-toggle { height: 30px;
padding-top: 0px;
padding-bottom: 0px;}
a.navi-unten { color: #fff;}
a.navi-unten:hover { color: #6a6c6f; }<body>
<!-- START: NAVBAR_oben -->
<nav class="navbar navbar-oben navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand navi-oben" href="#"><?= $language['phrases']['site_title']; ?></a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a class="navi-oben" href="#"><span class="glyphicon glyphicon-user"></span> </a></li>
<li><a class="navi-oben" href="#">Einstellungen</a></li>
<li><a class="navi-oben" href="#">Logbuch</a></li>
<li><a class="navi-oben" href="#">Logout</a></li>
</ul>
</div>
</nav>
<!-- END: NAVBAR_oben -->
<!-- START: NAVBAR_unten -->
>
<div class="row" >
<div class="col-md-12 sidebar" >
<ul class="nav navbar-nav nav-sidebar">
<li class="dropdown">
<a class="dropdown-toggle navi-unten" data-toggle="dropdown" href="#">xMailer Office
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a class="navi-unten" href="#">Advertiser</a></li>
<li><a class="navi-unten" href="#">Kampagnen</a></li>
<li><a class="navi-unten" href="#">Listen</a></li>
<li><a class="navi-unten" href="#">Jobs</a></li>
<li><a class="navi-unten" href="#">Nodes</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle navi-unten" data-toggle="dropdown" href="#">Administration
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a class="navi-unten" href="#">Konfiguration</a></li>
<li><a class="navi-unten" href="#">Module</a></li>
<li><a class="navi-unten" href="#">Seiten</a></li>
<li><a class="navi-unten" href="#">Navigation</a></li>
<li><a class="navi-unten" href="#">Gruppen</a></li>
<li><a class="navi-unten" href="#">Benutzer</a></li>
<li><a class="navi-unten" href="#">Sprachen</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- END: NAVBAR_unten -->
<!-- START: CONTENT -->
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="jumbotron">
<?php create_element_content($language,$system); ?>
</div>
</div>
</div>
</div>
<!-- END: CONTENT -->
</body>
Ist es nicht schon richtig ausgerichtet? –
Ich möchte, dass die Liste "EInstellungen - Logbuch - Logout" richtig ausgerichtet wird, damit sie nach links symmetrisch aussieht. Ich möchte, dass es in der gleichen Zeile wie der Inhalt endet (Sie können dort ein dunkleres Quadrat sehen) – schnitzel
Ich habe nur Ihren Code kopiert und ich kann kein Problem sehen, sieht gut aus. Sehen Sie sich den Screenshot http://www.tioniki.com/tis/view/?id=76118a0 an –