full width ul

by agib

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="nav-wrapper">
    <ul class="nav">
        <li><a href="">Tab 1</a></li>
        <li><a href="">The Long Tabheader 2</a></li>
        <li><a href="">Tab 3</a></li>
        <li><a href="">This is Tab 4</a></li>
    </ul>
</div>

CSS

.nav-wrapper > ul { 
    display: table;
    table-layout: fixed;
    width: 100%; 
    margin: 0;
    padding: 0;
    
}

ul.nav > li { 
    display: table-cell; 
    border-left: 1px solid #999;
    list-style-type: none;
    text-align: center;
}

ul.nav > li > a { 
    padding: 0;
    margin: 0;
    min-width: 0;
}