-
<meta name="viewport" content="width=device-width, initial-scale=1"> 1.width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。 2.ViewPort <meta>标记用于指定用户是否可以缩放Web页面。 3.initial-scale指令用于设置Web页面的初始缩放比例。 user-scalable指令:"指定用户是否可以缩放视区，即缩放Web页面的视图。",值为yes时允许用户进行缩放，值为no时不允许缩放。查看全部
-
html5shiv.js主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。查看全部
-
<!DOCTYPE html><br> <html lang="zh-CN"><br> <head><br> <meta charset="utf-8"><br> <!--在IE运行最新的渲染模式--><br> <meta http-equiv="X-UA-Compatible" content="IE=edge"><br> <!--让视口宽度等于物理设备上真实的分辨率，初始缩放比例为1，也就是不做任何缩放处理。适配移动浏览器时一般都要加上该段大吗--><br> <meta name="viewport" content="width=device-width, initial-scale=1"><br> <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ --><br> <title>Bootstrap 101 Template</title><br> <br> <!-- Bootstrap --><br> <link href="css/bootstrap.min.css" rel="stylesheet"><br> <br> <br> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries IE8支持html5标签 --><br> <!-- WARNING: Respond.js doesn't work if you view the page via file:// 让IE8支持媒体查询 --><br> <!--[if lt IE 9]><br> <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><br> <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script><br> <![endif]--><br> </head><br> 注：css放在head中，js文件放在body最下面查看全部
-
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。查看全部
-
通过添加 .navbar-left 和 .navbar-right 工具类让导航链接、表单、按钮或文本对齐。两个类都会通过 CSS 设置特定方向的浮动样式。查看全部
-
html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。查看全部
-
<meta name="viewport" content="width=device-width,initial-scale=1">初始化移动浏览显示 <meta http-equiv="X-UA-Compatible" content="IE=edge">在IE运行最新的渲染模式查看全部
-
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。查看全部
-
<nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Band</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collape-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> <div> </div> </nav>查看全部
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">在IE运行最新的渲染模式<br> <meta name="viewport" content="width=device-width,initial-scale=1">初始化移动浏览显示 jquery必需在bootstrap之前引用查看全部
-
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Hello World</title> <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css"> </head> <body> <div class="text-center"> <h1>Hello World!<h1/> </div> <div class="text-center"> <button class="btn btn-primary">我是按鈕 按我一下!</button> </div> <script scr="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script sct="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>查看全部
-
bootstrap依賴jquery,所以必須先引入jquery文件，再引入bootstrap文件 <mata name="viewport" content="width=device-width, initial-scale=1"><br> content="width=device-width //自動適應設備寬度 initial-scale=1 //縮放比例 1查看全部
-
正确答案。 html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。查看全部
-
导航条是在应用或网站中作为导航页头的响应式基础组件。它在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。响应式导航条在移动设备上默认折叠。查看全部
-
下拉菜单组的写法 <li role="presentation" class="dropdown-header">业务系统</li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#" > 信息建立 </a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#" > 信息查询 </a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#" > 信息管理 </a></li> <li role="separator" class="divider"></li>查看全部
举报
0/150
提交
取消