Bootstrap防止导航栏溢出

Question

我想使用Bootstrap创建一个简单的导航栏，但是当屏幕大小缩小时，标题跨越2-3行并开始遮蔽表单。反正将标题限制在一行吗？

https://jsfiddle.net/jaiasher88/8879m9yc/

<nav class="navbar navbar-default navbar-fixed-top">
    <div class = "container-fluid">
        <a href = "page-list.html" class = "navbar-text pull-left no-left-margin">
            <span class = "glyphicon glyphicon-chevron-left glyphiconBackProperties default-blue"/>
        </a>
        <a class = "navbar-brand default-blue" href = "#">
            Edit Page
        </a>
        <a href = "page-list.html" class = "navbar-text pull-right">
            <span class = "glyphicon glyphicon-plus glyphiconPlusProperties default-blue"></span>
        </a>
    </div>
</nav>