导航栏菜单上的引导按钮

1982年
<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar" />
        <span class="icon-bar" />
        <span class="icon-bar" />
      </button> <a class="navbar-brand" href="#">QA</a>
      <button type="button" class="btn btn-default navbar-btn">Sign in</button>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active">
          <a href="#">About<span class="sr-only">(current)</span></a>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Menu<span class="caret"/></a>
          <ul class="dropdown-menu">
            <li>
              <a href="#">Action</a>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>

我的问题如下:在Bootstrap中,是否有可能将切换菜单内导航栏中的按钮作为链接而不是按钮?假设用户从台式机转到移动分辨率,然后单击汉堡菜单,则显示“登录”链接,但不再显示为按钮

在此处输入图片说明

提图斯

hidden-xs类别添加到导航栏中的按钮

<button type="button" class="btn btn-default navbar-btn hidden-xs">Sign in</button>

在菜单中的visible-xs某处添加具有类的菜单项

<li class="visible-xs"><a href="#">Sign In</a></li>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

引导导航栏-仅在移动设备上显示子菜单

来自分类Dev

如何在导航栏上添加菜单按钮

来自分类Dev

导航栏上的引导映像

来自分类Dev

引导导航栏菜单与文本重叠

来自分类Dev

引导导航栏下拉菜单

来自分类Dev

如何防止引导导航栏按钮堆叠

来自分类Dev

Django注销按钮引导程序导航栏

来自分类Dev

导航栏上的集中按钮

来自分类Dev

基础导航栏菜单按钮未填充

来自分类Dev

删除引导导航栏上的顶部填充

来自分类Dev

引导程序3上的透明导航栏

来自分类Dev

在引导导航栏上插入图像

来自分类Dev

在手机上隐藏引导导航栏,而是显示一个按钮以显示折叠的导航栏下拉菜单

来自分类Dev

情节提要上的侧边栏导航菜单

来自分类Dev

导航栏菜单 Boostrap 上的无关行

来自分类Dev

下拉菜单项的引导导航栏背景颜色

来自分类Dev

引导顶部导航栏隐藏菜单项

来自分类Dev

更改引导导航栏下拉菜单悬停颜色

来自分类Dev

如何保持子菜单的图像位于引导导航栏中

来自分类Dev

引导程序。滚动链接菜单并修复页面顶部的导航栏

来自分类Dev

引导导航栏下拉菜单出现问题

来自分类Dev

引导顶部导航栏隐藏菜单项

来自分类Dev

导航栏引导菜单未显示在移动设备中

来自分类Dev

导航栏上的按钮导致导航栏高度增加

来自分类Dev

在物理菜单按钮上显示导航抽屉

来自分类Dev

如何停止导航栏上的按钮?

来自分类Dev

在iOS的导航栏上放置标签,按钮

来自分类Dev

菜单,Bootstrap导航栏上搜索栏下方...不兼容

来自分类Dev

使用按钮切换引导导航栏