Twitter bootstrap 当内容强制换行时，如何使引导导航栏扩展？

我正在使用带固定顶部的引导导航栏。在中/大屏幕上一切正常，但在较小的屏幕上，导航栏中的标题断为两行，因此部分位于导航栏之外。是否有任何方法使导航栏根据屏幕大小进行扩展，以便内容仍然适合？进行此操作时，获得屏幕大小的正确方法是什么？（我在这方面遇到了各种各样的意见）

提供一个JSFIDLE PLZI如果您需要在JS中检测屏幕/视口大小，请检查，谢谢，我发现如果屏幕宽度低于某个大小，更改内容比尝试调整导航更容易