当前位置: 首页 > 编程笔记 >

twitter-bootstrap 导航栏中的子菜单

史经业
2023-03-14
本文向大家介绍twitter-bootstrap 导航栏中的子菜单,包括了twitter-bootstrap 导航栏中的子菜单的使用技巧和注意事项,需要的朋友参考一下

示例

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">WebSite Title</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="#">Home</a></li>
                <li><a href="#">About">About</a></li>
                <li><a asp-controller="Home" asp-action="Contact">Contact</a></li>
                <!--- vvv Create a submenu in the navbar vvv --->
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Testing Stuff <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">SubItem</a></li>
                        <li><a href="#">Something Sub-y</a></li>
                    </ul>
                </li>
                <!--- ^^^ Create a submenu in the navbar ^^^ --->
            </ul>
        </div>
    </div>
</div>
           

 类似资料:
  • 问题内容: 我一直在尝试修改twitter bootstrap导航栏,此刻所有链接都向左对齐,而我真正想要的是将它们置于中央。 在另一篇文章中,我读到您使用了这个 但这对我没有用 我需要在CSS中进行什么更改才能实现此目的,我知道我将修改后的CSS放入引导程序并覆盖。 任何帮助表示赞赏 这是我的标记 布局/应用 我也试过了 问题答案: 您可以通过将菜单项设置为来使导航菜单居中,而不是像这样: 尽管

  • 问题内容: 在Twitter Bootstrap导航栏中以粗体显示活动链接的标准方法是什么?显然,链接通过获得“活动”类而获得活动外观。例如,下面的链接是活动的。当我单击导航栏中的任何链接时,是否应该使用jQuery从元素中删除所有类,然后将该类添加到我已确定的链接中? 编辑 :我包括 链接之后。当我单击链接时出现警报,但是“活动”类未添加到链接中。 这是我所有的导航栏HTML: 问题答案: 您需

  • 主要内容:默认的导航栏,实例,响应式的导航栏,实例,导航栏中的表单,实例,导航栏中的按钮,实例,导航栏中的文本,实例,结合图标的导航链接,实例,组件对齐方式,实例,固定到顶部,实例,固定到底部,实例,静态的顶部,实例,反色的导航栏,实例导航栏是一个很好的功能,是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的,随着可用视口宽度的增加,导航栏也会水平展开。在 Bootstrap 导航栏的核心中,导航栏包括了站点名称和基

  • 问题内容: 这就是我所拥有的,我尝试在“品牌”内部移动我的部分,并在品牌外部和折叠之外进行向右拉动,并向左/向右拉动,同时还尝试将其放置在之前或之后崩溃部分。 将其添加到“品牌”部分时,它可以工作,但会下降到新的一行。如何保持同一行? 问题答案: 下面的示例显示了如何具有您可能需要的几乎所有类型的“香草引导程序” NAVBAR配置。它包括一个站点标题,向左或向右对齐的折叠和非折叠菜单项以及静态文本

  • 问题内容: 是否可以使侧边栏导航始终固定在流体布局中的滚动上? 问题答案: 注意: 有一个引导jQuery插件可以执行此操作,并且在写了此答案(大约两年前)后的几个版本中引入了更多功能,称为Affix。仅当您使用Bootstrap2.0.4或更低版本时,此答案才适用。 是的,只需为边栏创建一个新的固定类,然后向您的内容div添加一个偏移类,以弥补左边距,如下所示: CSS 更新资料 修复了我的演示

  • 问题内容: 我在网站上使用引导程序,并且导航栏固定顶部出现问题。当我只使用常规导航栏时,一切都很好。但是,当我尝试将其切换到导航栏固定顶部时,该网站上的所有其他内容都会向上移动,就像导航栏不存在并且导航栏与之重叠一样。我基本上是这样布置的: 我试图完全复制引导程序示例,但仅在使用navbar fixed top时仍然存在此问题。我究竟做错了什么? 问题答案: 您的答案是正确的docs: ### 需