我正在使用 Twitter Bootstrap 创建导航菜单。
在设计中,菜单之间有间隔。因此,如果我添加border-right,它看起来还可以!但是在手机或更小的视口中查看时,我希望右边框在折叠菜单中变为边框底部。
我如何使用 Boostrap 实现这一目标?
更大的视口:
较小的视口:
我正在使用 Twitter Bootstrap 创建导航菜单。
在设计中,菜单之间有间隔。因此,如果我添加border-right,它看起来还可以!但是在手机或更小的视口中查看时,我希望右边框在折叠菜单中变为边框底部。
我如何使用 Boostrap 实现这一目标?
更大的视口:
较小的视口:
和divider-horizontal
类divider-vertical
用于在菜单之间创建分隔符/间隔符。
您可以使用这些类或根据您的要求自定义这些类。请参阅 - http://twitter.github.io/bootstrap/components.html#navs上的示例用法。
注意:这需要额外的标记,即li
具有所需类的元素。