工具/原料
bootstrap框架必须,基础搭建模版,清楚,请看"系列"文章.
/步骤
bootstrap使用html5新标签nav.
标签定义导航链接部.
使用式..navbar式标识导航条.
其.navbar包含:.navbar-header,.navbar-toggle,.navbar-brand
面先给带链接,且支持移端例代码.
bootstrap导航条选页面,两种(自写css定义),第种默认.navbar-default,效:白色背景黑色字,第二种.navbar-inverse,效:黑色背景加白色字.需要选自想要效即,需要注意点.想要两种默认其效,需要自实现式,查看css源代码,看.navbar-inverse实现,模仿实现即,笨办,另外种式,使用less,重新写式,bootstrap运行式,用less构建,sass版,简单介绍,定义式,些经验继续提.
面定义简单带链接导航条,相信说明,简单代码.
1.导航条式始.需要注意点:增强访问性(浏览器兼容性)务必给每导航条加role="navigation"属性便bootstrapjs处理导航条显示式.
2.导航条页,显示前面导航条标题.bootstrap带图标标签,移端,于768设备显示效.
3.部移端折叠部,能够更展现页面移端.
导航条除能够加些链接外,加些按钮,些表单,例:搜索框.
举例:按钮,直接写button标签属性即.需要注意,定要button式加.navbar-btn看效才比较美观.
仅按钮,些拉列表,,拉列表,bootstrap拉.使用代码展示拉式.
,我想要其按钮,链接或者文字,放右边,应该做呢?我使用bootstarp.navbar-left.navbar-right做按钮,拉菜单等元素居左居右.需要注意,式能写ul.看实例,明白.
