bootstrap组件

技术bootstrap组件 bootstrap组件!DOCTYPEhtml
htmllang="en"head
metacharset="UTF-8"
metahttp-equiv="X-UA-Comp

引导程序组件

!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

(0)

相关推荐

  • Python捕捉异常举例分析

    技术Python捕捉异常举例分析这篇文章主要讲解了“Python捕捉异常举例分析”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Python捕捉异常举例分析”吧!1.pyt

    2021年12月8日
  • JavaScript如何改变元素属性

    技术JavaScript如何改变元素属性小编给大家分享一下JavaScript如何改变元素属性,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

    攻略 2021年11月8日
  • ckeditor粘贴word图片且图片自动上传组件

    技术ckeditor粘贴word图片且图片自动上传组件 ckeditor粘贴word图片且图片自动上传组件?
    项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完

    礼包 2021年12月1日
  • Does RSA Private key always contain the Public key, or is it just .NET

    技术Does RSA Private key always contain the Public key, or is it just .NET Does RSA Private key always

    礼包 2021年12月9日
  • Android中如何设置TextView渐变颜色和方向及动画效果

    技术Android中如何设置TextView渐变颜色和方向及动画效果这篇文章主要介绍Android中如何设置TextView渐变颜色和方向及动画效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!添

    攻略 2021年11月6日
  • 怎么拒绝软件启动时sql server报错(sqlserver2008实例已存在怎么办)

    技术如何解析由于启动用户实例的进程时出错导致无法生成SQL Server的用户实例今天就跟大家聊聊有关如何解析由于启动用户实例的进程时出错导致无法生成SQL Server的用户实例,可能很多人都不太了解,为了让大家更加了

    攻略 2021年12月14日