2017-08-21 35 views
0

我有这组代码,取自https://getbootstrap.com/docs/3.3/components/#navbar当Bootstrap 3出现可折叠汉堡按钮时,如何手动调整?

<button aria-expanded="false" class="collapsed navbar-toggle" data-target="#main_menu" data-toggle="collapse"> 
<span class="sr-only">toggle navigation</span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
</button> 

这只是一个基本的汉堡按钮移动或小视图,没有什么幻想。 Bootstrap 3在水平视口逐渐变小时出现汉堡按钮时手动处理。

我的问题是,我该如何手动显示汉堡按钮(而不是通过Bootstrap神奇地显示)?

回答

1

定义一个ID为按钮...并显示/隐藏代码,从隐藏当你的条件符合

buttonId.Visible = True/False 
+0

谢谢!同时删除Bootstrap类'class =“折叠导航栏切换”',以便该按钮不会自动显示/关闭。 – notalentgeek

1

那么,它是由CSS隐藏的,如果屏幕尺寸超过一定的宽度(768px)。

@media (min-width: 768px) 
    .navbar-toggle { 
     display: none; 
    } 

如果您想永远显示它,请移除此规则或使用您自己的规则覆盖它。

相关问题