Question

我有这组代码，取自https://getbootstrap.com/docs/3.3/components/#navbar。

<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神奇地显示）？

Answer 1

定义按钮的ID ...并在符合条件时显示/隐藏代码隐藏

 buttonId.Visible = True/False

Answer 2

嗯，如果屏幕尺寸超过一定宽度（768px），它会被CSS隐藏。

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

如果您想要始终显示它，请删除此规则或使用您自己的规则覆盖它。

当Bootstrap 3出现可折叠的汉堡按钮时，如何手动调整？

2 个答案: