Bootstrap 3-禁用导航栏折叠

Question

这是我简单的导航栏：

<div class="navbar navbar-fixed-top myfont" role="navigation">

    <div class="">

        <ul class="nav navbar-nav navbar-left">

            <li>

                <a class="navbar-brand" href="#">

                    <img src="assets/img/logo.png"/>

                </a>

            </li>

            <li>

                <button class="btn btn-navbar">

                    <i class="fa fa-edit"></i>

                    Create 

                </button>

            </li>

        </ul>

    </div>

    <ul class="nav navbar-nav navbar-right">

        <li data-match-route="/"><a href="#/page-one">Login</a></li>

        <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li>

    </ul>

</div>

我只是想防止这种情况崩溃，因为我不需要它，怎么办？

我想避免编写30万行CSS来覆盖默认样式。

有什么建议吗？