防止导航按钮在twitter bootstrap中崩溃

Question

我有一个固定的标题，但是，每当我缩小屏幕时，按钮会折叠，以便每个按钮都有自己的行。

我需要做些什么来调整它，以便'Prev'和'Next'按钮之间的空间缩小，使两者更接近。

请看小提琴 http://jsfiddle.net/poppypoop/k4yp777s/

如果缩小输出窗口，按钮最终会变大并占据自己的行。无论如何要防止这种情况？

这是我的标记

<nav class="navbar navbar-fixed-top navbar-default" role="navigation">             
            <div>
                <!--Left Align-->
                <ul class="nav navbar-nav navbar-left">
                    <li class="dropdown">
                        <a class="butt back" href="#"><span>Prev</span></a>                         
                    </li>
                </ul>


                <!--Right Align-->
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a class="butt next" href="#"><span>Next</span></a> 
                    </li>
                </ul>                  
            </div>
        </nav>