Bootstrap Two Row Nav

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.no-responsive.no-icons.min.css">
    <div class="container">
            <div class="navbar">
            <div class="navbar-inner">

                <img src="http://placehold.it/70x70" class="span1" style="position:relative;top:10px" />

                <div class="span10">
                    <div class="row">
                        <div class="span10">
                            <ul class="nav pull-right">
                                <li><a href="#">Page 1</a></li>
                                <li class="divider-vertical"></li>
                                <li><a href="#">Page 2</a></li>
                                <li class="divider-vertical"></li>
                                <li><a href="#">Page 3</a></li>
                                <li class="divider-vertical"></li>
                                <li><a href="#">Page 4</a></li>
                            </ul>                
                        </div>
                    </div>
                    <div class="row">
                        <div class="span2 offset5" style="text-align:right">
                            <div class="navbar-text">
                                 <p><a href="#">Login</a></p>
                            </div>
                        </div>
                        <div class="span2 offset1">
                            <div class="pull-right">
                                 <form class="navbar-form">
                                    <div class="input-append">
                                        <input class="span2" id="appendedInputButtons" type="text" />
                                          <button class="btn" type="button">Search</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    <div...