当导航栏中有大量链接时,Bootstrap navbar-inner不会调整大小

时间:2014-04-18 21:56:20

标签: html ruby-on-rails-3 css3 twitter-bootstrap-3 sass

我使用Rails 3.2和最实际的Bootstrap Gem以及响应式设计。 响应式设计本身工作正常,但当导航栏中有五个以上的链接元素时,导航栏不会自动调整大小或自动扩展。对于移动客户端而言,这是一个问题,其中屏幕不够大,无法显示一行中的所有链接。

我的实际解决方法是在custom.scss文件中定义此覆盖:

/* Mobile extras */
@media (max-width: 1000px) {
.navbar-inner {
               min-height: 100px;
              }
}

我们会解决这个问题,因为标题中只有五个链接,但如果我的链接元素数量较少(例如用户未登录),则导航栏的高度太高。

我也尝试过使用height:auto等等,但这并没有帮助。

有没有办法通过某种“汽车”来完成这项工作。设置?

0 个答案:

没有答案