Bootstrap 简明教程

Bootstrap - Sticky Footer Navbar Demo

Sticky footer navbar

一个页面可以在视口的底部包含页脚，并带有固定的顶部导航栏。这对于具有长页面的网站非常有用，因为它允许用户快速访问导航选项，即使他们向下滚动到页面的底部也是如此。

A page can include a footer to the bootom of the viewport with a fixed top navbar. This can be useful for websites with long pages, as it allows users to quickly access navigation options, even when they scroll down to the bottom of the page.

Bootstrap 提供了内置 CSS 类来创建粘性页脚导航栏。

Bootstrap provides built-in CSS classes to create a sticky footer navbar.

  1. *.navbar - * This class is used to create the navigation bar at the top of the page.

  2. *.footer - * This class represents the sticky footer that will always appear at the bottom of the viewport.

提供的链接显示了粘性页脚导航栏示例：

The provided link shows an example of sticky footer navbar:

Example

Description

Download link

This example shows a fixed-top navigation bar and a sticky footer.

Download