Bootstrap Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<div id="menu" class="col-md-1">
    <ul class="nav nav-pills nav-stacked">
        <li class="active"><a href="#">Startseite</a>
        </li>
        <li><a href="kontakt.php">Kontakt Kontakt Kontakt Kontakt</a>
        </li>
    </ul>
</div>

CSS

.nav, .active {
    display: inline-block;
}
li{
    display: inline-block;
    max-width:50%;
    white-space:nowrap;
    overflow:hidden;
    text-align:center;
     /* hide extra text */
    border:1px solid red
}

/* no wordbrakes */