我使用Rails 3.2和最实际的Bootstrap Gem以及响应式设计。 响应式设计本身工作正常,但当导航栏中有五个以上的链接元素时,导航栏不会自动调整大小或自动扩展。对于移动客户端而言,这是一个问题,其中屏幕不够大,无法显示一行中的所有链接。
我的实际解决方法是在custom.scss文件中定义此覆盖:
/* Mobile extras */
@media (max-width: 1000px) {
.navbar-inner {
min-height: 100px;
}
}
我们会解决这个问题,因为标题中只有五个链接,但如果我的链接元素数量较少(例如用户未登录),则导航栏的高度太高。
我也尝试过使用height:auto等等,但这并没有帮助。
有没有办法通过某种“汽车”来完成这项工作。设置?