Bootstrap 导航栏

2020-06-18 05:59:10易采站长站整理

实例


结果如下所示:

固定到顶部

固定到底部

如果您想要让导航栏固定在页面的底部,请向 .navbar class 添加 class .navbar-fixed-bottom。下面的实例演示了这点:

实例


结果如下所示:

固定到底部

静态的顶部

如需创建能随着页面一起滚动的导航栏,请添加 .navbar-static-top class。该 class 不要求向 添加内边距(padding)。

实例


结果如下所示:

固定到顶部

反色的导航栏

为了创建一个带有黑色背景白色文本的反色的导航栏,只需要简单地向 .navbar class 添加 .navbar-inverse class 即可,如下面的实例所示:

为了防止导航栏与页面主体中的其他内容的顶部相交错,请向 标签添加至少 50 像素的内边距(padding),内边距的值可以根据您的需要进行设置。

实例


结果如下所示:

反色的导航栏

相关文章 大家在看