Bootstrap入门书籍之(五)导航条、分页导航_javascript技巧
程序员文章站
2022-03-19 14:05:31
...
导航条
导航条(navbar)和上一节介绍的Bootstrap入门书籍之(四)菜单、按钮及导航。导航(nav),就相差一个字,多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式。它们在移动设备上可以折叠(并且可开可关),且在视口(viewport)宽度增加时逐渐变为水平展开模式。
基础导航条
实际上,导航条和导航在外观上的差别并不是那么的大,但是在实际使用中导航条要比导航复杂得多。下面就来实现一个最基础的导航条。
可以达到的效果是这样的:
宽屏:
窄屏:
在制作一个基础导航条时,主要注意以下几点:
1.首先在制作导航的列表(
上一篇: c语言允许函数的递归调用吗
下一篇: php小马是什么
推荐阅读
-
Bootstrap入门笔记之(五)导航条、分页导航_html/css_WEB-ITnose
-
Bootstrap入门笔记之(五)导航条、分页导航_html/css_WEB-ITnose
-
Bootstrap入门书籍之(一)排版_javascript技巧
-
Bootstrap入门书籍之(三)栅格系统_javascript技巧
-
Bootstrap入门书籍之(零)Bootstrap简介_javascript技巧
-
Bootstrap入门书籍之(五)导航条、分页导航_javascript技巧
-
Bootstrap入门书籍之(一)排版_javascript技巧
-
Bootstrap入门书籍之(三)栅格系统_javascript技巧
-
Bootstrap入门书籍之(四)菜单、按钮及导航_javascript技巧
-
Bootstrap每天必学之导航条(二)_javascript技巧