-
<meta http-equiv="X-UA-Compatible" content="IE=edge">为了让ie运行最新的渲染模式 <meta name="viewport" content="width=device-width,initial-scale=1"> 引入https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js --使ie8支持html5标签 引入https://oss.maxcdn.com/respond/1.4.2/respond.min.js --使ie8支持媒体查询 视口的宽度等于物理设备上真实的分辨率，初始的缩放比例为1（不做缩放） 通常把css文件放在<head>中 把js文件放在</body>前查看全部
-
栅格系统布局查看全部
-
【导航条】查看全部
-
栅格系统要写在一个大的container里，然后是不同的行，每行里不同的列。查看全部
-
通过添加 .navbar-left 和 .navbar-right 工具类让导航链接、表单、按钮或文本对齐。两个类都会通过 CSS 设置特定方向的浮动样式。查看全部
-
bt核心内容: grid system 移动设备优先的流式栅格系统， 通过一系列的行和列组合创建页面布局，页面内容放入创建好的布局中 工作原理： 行必须包含在container容器中 行在水平方向中组建一组列,并且只有列可以作为行的直接子元素内容放置与列中， padding设置列间间隔，为第一和最后一列设置负值margin来抵消padding的影响 1-12表示跨越的范围查看全部
-
"指定用户是否可以缩放视区，即缩放Web页面的视图。"是user-scalable指令 ,值为yes时允许用户进行缩放，值为no时不允许缩放。查看全部
-
html5shiv让ie6-8识别html5新元素： html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。查看全部
-
加入jquery 和 bootstrap查看全部
-
即ie8时 引入https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js --使ie8支持html5标签 引入https://oss.maxcdn.com/respond/1.4.2/respond.min.js --使ie8支持媒体查询查看全部
-
<meta name="viewport" content="width=device-width,initial-scale=1"> 初始化移动浏览显示，让视口宽度等于物理设备的真实的分辨率，初始缩放比例为1； viewport控制视口大小和缩放；查看全部
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">为了让ie运行最新的渲染模式查看全部
-
选择器需要是 a元素，不能是其父元素li 如要选取某一个指定标签页，例: // 选取第二个标签页（从 0 开始索引） $('#myTab li:eq(1) a').tab('show')查看全部
-
打开标签页 相关js代码 <script> $(function () { $('#ad-carousel').carousel(); $('#menu-nav .navbar-collapse a').click(function (e) { var href = $(this).attr('href'); var tabId = $(this).attr('data-tab'); if ('#' !== href) { e.preventDefault(); $(document).scrollTop($(href).offset().top - 70); if (tabId) { $('#feature-tab a[href=#' + tabId + ']').tab('show'); } } }); }); </script>查看全部
-
弹出框： <div class="modal" id="about"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button> <h4>关于</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">了解了</button> </div> </div> </div> </div> 导航中关于的相关设置： <li><a href="#" data-toggle="modal" data-target="#about">关于</a></li>查看全部
举报
0/150
提交
取消