Bootstrap 导航条 - bootstrap教程

Bootstrap 导航条


  • 默认的导航条

    默认的导航条创建一个默认的导航栏的步骤如下:向 <nav> 标签添加 class navbar、 navbar-default。向上面的元素添加 role="navigati...

    2015-08-10 15:18:46
    • 响应式自动折叠的导航条

      响应式的导航栏小屏幕自动折叠。为了给导航栏添加响应式特性,您要折叠的内容必须包裹在带有 classes collapse、 navbar-collapse 的...

      2015-08-10 15:31:38
      • 带有图标的导航条

        带有品牌图标的导航条将导航条内放置品牌标志的地方替换为 <img> 元素即可展示自己的品牌图标。由于 navbar-brand 已经被设置了内补(...

        2015-08-10 15:39:59
        • 支持表单的导航条

          导航条附带表单功能将表单放置于 navbar-form 之内可以呈现很好的垂直对齐,并在较窄的视口(viewport)中呈现折叠状态。 使用对齐选项...

          2015-08-10 15:45:33
          • 导航条中的按钮

            导航条中的按钮对于不包含在 <form> 中的 <button> 元素,加上 navbar-btn 后,可以让它在导航条里垂直居中。您可以使用 class n...

            2015-08-10 15:52:33
            • 导航栏中附加文本

              导航栏中附加文本文字如果需要在导航中包含文本字符串,请使用 class navbar-text。一般通常配合 <p> 标签使用Toggle navigationBran...

              2015-08-10 15:58:02
              • 导航条中加入非导航的链接

                非导航的链接或许你希望在标准的导航组件之外添加标准链接,那么,使用 navbar-link 类可以让链接有正确的默认颜色和反色设置。Toggle...

                2017-10-25 11:53:48
                • 组件导航链接、表单、按钮或文本:左右侧对齐浮动

                  组件排列通过添加 navbar-left 和 navbar-right 工具类让导航链接、表单、按钮或文本对齐。两个类都会通过 CSS 设置特定方向的浮动...

                  2017-10-25 13:01:10
                  • 导航条固定在顶部

                    导航条固定在顶部添加 navbar-fixed-top 类可以让导航条固定在顶部,还可包含一个 container 或 container-fluid 容器,从而让导...

                    2017-10-25 13:57:29
                    • 导航条固定在底部

                      导航条固定在底部添加 navbar-fixed-bottom 类可以让导航条固定在底部,并且还可以包含一个 container 或 container-fluid 容器,...

                      2017-10-25 14:27:59

Bootstrap3中文开发手册参考网站
w3c.3306.biz 提供的内容仅用于学习或测试。所有内容均整理自互联网!目的是为了让更多读者欣赏,我们不保证内容的正确性,并对任何法律问题及风险不承担任何责任。 当您在浏览本站时,代表您已接受了本站的使用条款和隐私条款。(删除内容:512876994#qq.com)