说明
。navbar-fixed-top导航条固定在顶部
示例
& lt; ! DOCTYPE html> & lt; html lang="应用"比; ,,& lt; head> ,,,,& lt; meta charset=" utf - 8 "比; ,,,,& lt; meta http-equiv=" X-UA-Compatible ",内容=癐E=边缘”比; ,,,,& lt; meta name="视窗",内容=翱矶?设备宽度,初始=1”比; ,,,,& lt; !——,上述3个元标签*必须*放在最前面,任何其他内容都*必须*跟随其后!,——比; ,,,,& lt; title> Bootstrap 101年,Template ,,,,& lt; !——, Bootstrap ——比; ,,,,& lt; link rel="样式表",href=" https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css ",诚信=皊ha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va + PmSTsz/K68vbdEjh5u”, crossorigin=澳涿北? ,,,,& lt; !——, HTML5 shim 以及Respond.js for IE8 support of HTML5 elements 以及media queries ——比; ,,,,& lt; !——,警告:,Respond.js 并't work if 你view 从而page via 文件://,,在 ,,,,& lt; !——(if lt IE 9]比; ,,,,,& lt; script src=" https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js "祝辞& lt;/script> ,,,,,& lt; script src=" https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js "祝辞& lt;/script> ,,,,& lt; ! [endif]——比; ,,& lt;/head> ,,& lt; body> ,,& lt; div 类="容器"比; & lt; nav class=" navbar navbar-default navbar-fixed-top”比; ,,& lt; div 类=癱ontainer-fluid”比; ,,,,& lt; !——, Brand 以及toggle get grouped for better mobile display ——比; ,,,,& lt; div 类=皀avbar-header”比; ,,,,,& lt; button 类型=鞍磁ァ?类=皀avbar-toggle 崩溃”,data-toggle=氨览！?数据目标=" # bs-example-navbar-collapse-1 ", aria-expanded=癴alse”比; ,,,,,,,& lt; span 类=" sr-only "祝辞Toggle navigation ,,,,,,,& lt; span 类=" icon-bar "祝辞& lt;/span> ,,,,,,,& lt; span 类=" icon-bar "祝辞& lt;/span> ,,,,,,,& lt; span 类=" icon-bar "祝辞& lt;/span> ,,,,,& lt;/button> ,,,,,& lt; a 类=" navbar-brand ", href=" https://www.yisu.com/zixun/"祝辞Brand ,,,,& lt;/div> ,,,,& lt; !——, Collect 从而nav 链接,表格,,以及other content for toggling ——比; ,,,,& lt; div class=" collapse navbar-collapse”, id=癰s-example-navbar-collapse-1”比; ,,,,,& lt; ul class=" nav navbar-nav”比; ,,,,,,,& lt; li 类="活跃"祝辞& lt; a href=" https://www.yisu.com/zixun/"祝辞Link & lt; span 类=皊r-only祝辞(当前)& lt;/span> & lt;/a> & lt;/li> ,,,,,,,& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞Link & lt;/li> ,,,,,,,& lt; li 类=跋吕北? ,,,,,,,,,& lt; a href=" https://www.yisu.com/zixun/",类=癲ropdown-toggle”, data-toggle=跋吕?角色=鞍磁ァ?aria-haspopup=" true ", aria-expanded=癴alse”祝辞Dropdown & lt; span 类=巴炎址拧弊４? lt;/span> & lt;/a> ,,,,,,,,,& lt; ul 类=跋吕说ァ北? ,,,,,,,,,,,& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞Action & lt;/li> ,,,,,,,,,,,& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞Another action & lt;/li> ,,,,,,,,,,,& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞Something else here & lt;/li> ,,,,,,,,,,,& lt; li 角色=胺掷肫鳌?类=胺指簟弊４? lt;/li> ,,,,,,,,,,,& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞Separated link & lt;/li> ,,,,,,,,,,,null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null引导——导航条固定在顶部
