在引导程序导航栏中更改最大高度

奥克

我想在移动版本的导航栏中更改最大高度。以下代码片段位于 bootstrap.css 文件中

@media (min-width: 768px) {
   .navbar-fixed-top .navbar-collapse,
   .navbar-fixed-bottom .navbar-collapse {
     max-height: 340px;
   }
}

我有一个自定义的 .css 文件,我已经在其中成功更改了导航栏的某些属性。要将 max-heigt 从 340px 更改为 auto 我写了以下内容:

@media (max-width: 767px) {
.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
  color: #DBFAFF
  }
 .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
 .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus  {
    color: #40F99B
  }
  .navbar-custom .navbar-fixed-top .navbar-collapse,
  .navbar-custom .navbar-fixed-bottom .navbar-collapse {
    max-height: auto;
  }
}

前两个变化正在起作用。

我在我的 HTML 文件中是以下行:

<nav class="navbar-custom navbar navbar-inverse navbar-fixed-top ">

但这不会将最大高度更改为自动。当我在 chrome 检查中更改 340px 时,它完全符合我的要求。

有谁知道可能是什么问题?

奥克

快速研究发现您可以在此站点更改这些变量:http : //getbootstrap.com/customize/

@navbar-collapse-max-height

或者用 LESS

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Bootstrap3中更改导航栏的高度

来自分类Dev

导航栏崩溃在引导程序中不起作用

来自分类Dev

引导程序3.1.0导航栏中的全宽输入组

来自分类Dev

引导程序:导航栏问题

来自分类Dev

边栏导航更改为引导中的顶部导航栏

来自分类Dev

引导中溢出的导航栏

来自分类Dev

如果用户登录,则在引导程序中更改导航栏

来自分类Dev

更改我的引导导航栏中链接的颜色

来自分类Dev

引导程序更改导航栏.active背景色

来自分类Dev

引导程序“导航栏品牌”导致“导航栏导航”项目从导航栏中的居中位置向右移动?

来自分类Dev

在表格引导程序中更改标题的高度

来自分类Dev

如何使用jQuery在引导程序中激活导航栏

来自分类Dev

引导程序更改导航栏颜色

来自分类Dev

如果用户登录,则在引导程序中更改导航栏

来自分类Dev

减少引导程序3中导航栏的高度

来自分类Dev

引导程序3.3.4导航栏中的全宽输入组

来自分类Dev

修复了引导程序中的导航栏

来自分类Dev

引导程序更改导航栏.active背景色

来自分类Dev

引导程序“导航栏品牌”导致“导航栏导航”项目从导航栏中的居中位置向右移动?

来自分类Dev

覆盖引导程序以更改导航栏链接的颜色

来自分类Dev

引导程序4更改导航栏高度,导致导航栏项目未垂直居中

来自分类Dev

导航栏大小/高度增加会导致我的引导程序全高列丢失

来自分类Dev

更改导航栏的背景颜色(引导程序/创世纪)

来自分类Dev

引导程序导航栏中的神秘填充

来自分类Dev

在引导程序 3.3.7 中更改导航栏断点

来自分类Dev

在引导程序导航栏中更改下拉菜单的形状

来自分类Dev

使用 jquery 在导航栏引导程序 4 中单击后无法更改链接的活动类

来自分类Dev

导航栏引导程序中的活动状态不起作用

来自分类Dev

在引导程序中自动隐藏导航栏上方的警报

Related 相关文章

  1. 1

    在Bootstrap3中更改导航栏的高度

  2. 2

    导航栏崩溃在引导程序中不起作用

  3. 3

    引导程序3.1.0导航栏中的全宽输入组

  4. 4

    引导程序:导航栏问题

  5. 5

    边栏导航更改为引导中的顶部导航栏

  6. 6

    引导中溢出的导航栏

  7. 7

    如果用户登录,则在引导程序中更改导航栏

  8. 8

    更改我的引导导航栏中链接的颜色

  9. 9

    引导程序更改导航栏.active背景色

  10. 10

    引导程序“导航栏品牌”导致“导航栏导航”项目从导航栏中的居中位置向右移动?

  11. 11

    在表格引导程序中更改标题的高度

  12. 12

    如何使用jQuery在引导程序中激活导航栏

  13. 13

    引导程序更改导航栏颜色

  14. 14

    如果用户登录,则在引导程序中更改导航栏

  15. 15

    减少引导程序3中导航栏的高度

  16. 16

    引导程序3.3.4导航栏中的全宽输入组

  17. 17

    修复了引导程序中的导航栏

  18. 18

    引导程序更改导航栏.active背景色

  19. 19

    引导程序“导航栏品牌”导致“导航栏导航”项目从导航栏中的居中位置向右移动?

  20. 20

    覆盖引导程序以更改导航栏链接的颜色

  21. 21

    引导程序4更改导航栏高度,导致导航栏项目未垂直居中

  22. 22

    导航栏大小/高度增加会导致我的引导程序全高列丢失

  23. 23

    更改导航栏的背景颜色(引导程序/创世纪)

  24. 24

    引导程序导航栏中的神秘填充

  25. 25

    在引导程序 3.3.7 中更改导航栏断点

  26. 26

    在引导程序导航栏中更改下拉菜单的形状

  27. 27

    使用 jquery 在导航栏引导程序 4 中单击后无法更改链接的活动类

  28. 28

    导航栏引导程序中的活动状态不起作用

  29. 29

    在引导程序中自动隐藏导航栏上方的警报

热门标签

归档