Bootstrap Navbar Spacing

by Kyle Mitofsky

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="navbar steps" style="position:relative;z-index:7">
    <div class="navbar-inner">
        <ul class="row-fluid nav nav-pills">
            <li class="span4 active">
                <a href="#tab1" data-toggle="tab" class="step active">
                    <span class="number">1</span>
                    <span class="desc">
                        <i class="icon-ok"></i>
                        Source
                    </span>   
                </a>
            </li>
            <li class="span4">
                <a href="#tab2" data-toggle="tab" class="step">
                    <span class="number">2</span>
                    <span class="desc">
                        <i class="icon-ok"></i>
                        DĂ©tail
                    </span>
                </a>
            </li>
            <li class="span4">
                <a href="#tab3" data-toggle="tab" class="step">
                    <span class="number">3</span>
                    <span class="desc">
                        <i class="icon-cog"></i>
                        Configuration
                    </span>
                </a>
            </li>
            
        </ul>
    </div>
</div>






<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>
    About this SO Question: <a href='http://stackoverflow.com/q/23344406/1366033'>number of items in bootsrap navbar</a><br/>                
    Fork This Skeleton Here <a href='http://jsfiddle.net/KyleMit/kcpma/'>Bootrsap 3.0 Skeleton</a><br/>
<div>