Hallo, der Content will einfach nicht neben meine Sidebar rutschen. Er klebt förmlich unter der Sidebar:
http://prntscr.com/98butu
Wie kriege ich den neben die Sidebar?
EDIT:// Habs hinbekommen mit position: absolute und padding-left
Problem besteht weiterhin.
Nach dem ich das so gemacht habe gingen die oberen Links nicht mehr und ein langer text überschreibt sich selber.
http://prntscr.com/98cioq
HTML
<body>
<!--
<li><a href="#"><i class="glyphicon glyphicon-home"></i> Home</a></li>
<li><a href="#"><i class="glyphicon glyphicon-inbox"></i> Einsatzberichte</a></li>
<li><a href="#"><i class="fa fa-ambulance"></i> Fahrzeugplan</a></li>
<li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Dienstplan</a></li>
<li><a href="#"><i class="glyphicon glyphicon-cog"></i> Einstellungen</a></li>
-->
<!-- Sidebar -->
<div style=" width: 200px; height: 100%; top: 0px;">
<ul class="nav nav-stacked sidebar">
<li><a href="#" class="active"><i class="fa fa-home"></i> Home</a></li>
<li><a href="#"><i class="fa fa-inbox"></i> Einsatzberichte</a></li>
<li><a href="#"><i class="fa fa-ambulance"></i> Fahrzeugplan</a></li>
<li><a href="#"><i class="fa fa-calendar"></i> Dienstplan</a></li>
<li><a href="#"><i class="fa fa-cog"></i> Einstellungen</a></li>
</ul>
</div>
<div class="content">
<div class="home-div">
<h1><i class="fa fa-home"></i> Home</h1>
<div class="underline"></div>
<div style="padding-top: 20px;"></div>
<div style="float: left;">
<h3>Nachrichten</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
<div style="padding-left: 50%;">
<h3>Termine</h3>
</div>
</div>
<div class="eberichte-div" hidden>
<h1><i class="fa fa-inbox"></i> Einsatzberichte</h1>
<div class="underline"></div>
</div>
<div class="fplan-div" hidden>
<h1><i class="fa fa-ambulance"></i> Fahrzeugplan</h1>
<div class="underline"></div>
</div>
<div class="dplan-div" hidden>
<h1><i class="fa fa-callender"></i> Dienstplan</h1>
<div class="underline"></div>
</div>
<div class="settings-div" hidden>
<h1><i class="fa fa-cog"></i> Einstellungen</h1>
<div class="underline"></div>
</div>
</div>
</body>CSS
.content {
width: 80%;
float: left;
top: 10px;
position: absolute;
padding-left: 220px;
}
.sidebar {
padding-top: 30px;
line-height: 25px;
z-index: 1000;
}
body {
background-color: #EEE;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857;
color: #333;
}
Das hat schonmal geholfen das der Text sich nicht überschreibt... allerdings geht die sidebar leider immer noch nicht dort wo sich text befindet und der "Nachrichten Text" überschreitet seine 50% grenze 
dementsprechend verstehe ich Bootstrap nochnicht so ganz °_°
