引导程序组件
！DOCTYPEhtml
htmllang=’en ‘
头
metachartset=’ UTF-8 ‘
元http-equiv=’ X-UA-Compatible ‘内容=’ IE=edge ‘
元名称=”视口”内容=”宽度=设备宽度，初始比例=1.0″
标题文档/标题
linkrel=’样式表href=’ ./css/normalize.css ‘
linkrel=’样式表href=’ ./css/bootstrap.min.css ‘
/head
身体
！-默认-
nav class=’ nav barnav bar-默认导航栏-固定顶部’
！流体占100% –
divclass=’容器-液体’
！导航条标题小导航图标栏线（手机上的顶部导航) –
！-brandtloglegetgroupedforetmobiledidisplay-
divclass=’navbar-header ‘
button type=’ button ‘ class=’ nav bar-toggle collapsed ‘ data-toggle=’ collapse ‘
data-target=’ # bs-example-nav bar-collapse-1 ‘ aria-expand=’ false ‘
span class=’ Sr-only ‘ Togglenavigation/span
！-图标栏线-
spanclass=’icon-bar’/span
spanclass=’icon-bar’/span
spanclass=’icon-bar’/span
/按钮
！-图标标志、品牌：文字、文本危险：红色-
a lass=’ nav bar-brand ‘ href=’ # ‘
span class=’ glyphickonlyphicon-applet text-danger ‘/span
/a
/div
！崩溃展开-
！-收集日志链接、表单和其他内容-
div class=’折叠导航条-折叠’
ulclass=’navnavbar-nav ‘
！-活动：默认情况下：处于激活状态-
Li class=’ active ‘ ahref=’ # ‘ Linkspanclass=’ Sr-only ‘(当前)/span/a/li
链接/a/li
liclass=’dropdown ‘
ahref=’ # ‘ class=’下拉-切换’ data-toggle=’下拉’ role=’ button ‘ aria-has popup=’ true ‘
aria-expanded=’ false ‘ Dropdownspanclass=’ caret ‘/span/a
！下拉菜单不是单独的菜单-
ulclass=’下拉菜单’
liahref=’# ‘操作/a/li
liahref=’# ‘另一个操作/a/li
liahref=’# ‘某事其他原因/a/li
Li角色=’分隔符’ class=’分隔符’/Li
liahref=’# ‘分离链接/a/li
！-分割线-
Li角色=’分隔符’ class=’分隔符’/Li
lia href=’ # ‘多一个单独的链接/a/Li
/ul
/li
/ul
！-放在上面的后边导航条-左侧和导航条-右侧使用的是浮动但也会自己请浮动仅限于导航条-
form class=’导航栏-表单导航栏-左侧’
divclass=’form-group ‘
输入类型=“文本”类=“表单控件”占位符=“搜索”
/div
按钮类型=’ submit ‘ class=’ btnbtn-default ‘ submit/button
/form
ulclass=’导航条-导航条-右侧’
链接/a/li
liclass=’dropdown ‘
ahref=’ # ‘ class=’下拉-切换’ data-toggle=’下拉’ role=’ button ‘ aria-has popup=’ true ‘
aria-expanded=’ false ‘ Dropdownspanclass=’ caret ‘/span/a
ulclass=’下拉菜单’
liahref=’# ‘操作/a/li
liahref=’# ‘另一个操作/a/li
liahref=’# ‘某事其他原因/a/li
Li角色=’分隔符’ class=’分隔符’/Li
liahref=’# ‘分离链接/a/li
/ul
/li
/ul
/div！- /.导航条-塌陷-
/div！- /.容器-液体-
/nav
div class=’ content ‘ style=’ margin :71 px；高度’ :800像素；
8888888
/div
/body
scriptsrc=’ ./js/jquery。量滴js /脚本
scriptsrc=’ ./js/bootstrap量滴js /脚本
/html
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/136274.html