我正在使用 Twitter Bootstrap 创建导航菜单。
在设计中,菜单之间有间隔。因此,如果我添加border-right,它看起来还可以!但是在手机或更小的视口中查看时,我希望右边框在折叠菜单中变为边框底部。
我如何使用 Boostrap 实现这一目标?
更大的视口:

较小的视口:

我正在使用 Twitter Bootstrap 创建导航菜单。
在设计中,菜单之间有间隔。因此,如果我添加border-right,它看起来还可以!但是在手机或更小的视口中查看时,我希望右边框在折叠菜单中变为边框底部。
我如何使用 Boostrap 实现这一目标?
更大的视口:

较小的视口:

和divider-horizontal类divider-vertical用于在菜单之间创建分隔符/间隔符。
您可以使用这些类或根据您的要求自定义这些类。请参阅 - http://twitter.github.io/bootstrap/components.html#navs上的示例用法。
注意:这需要额外的标记,即li具有所需类的元素。