Bootstrap的导航条内所包含元素溢出

导航条内元素很多，使用Boopstrap设计的导航条的话很头疼里面元素溢出的问题，在手机设备上是按钮没问题，在较大桌面设备上也可以很好的显示，但是在平板之类的设备上使用，导航内容会折行。

以下是文档中的解决办法：
1.减少导航条内所有元素所占据的宽度。
2.在某些尺寸的屏幕上（利用 响应式工具类）隐藏导航条内的一些元素。
3.修改导航条在水平排列和折叠排列互相转化时，触发这个转化的最小屏幕宽度值。可以通过修改 @grid-float-breakpoint 变量实现，或者自己重写相关的媒体查询代码，覆盖 Bootstrap 的默认值

因为中内容多，所以方法1不适合；
导航中内容是一体的，所以方法2不适合；
方法3不会...

有没有更好更多的办法呢？