-
<ul class="nav nav-tabs" role="tablist" id="myTab"> <li class="active"><a href="#one" data-toggle="tab">第一项</a></li> <li><a href="#two" data-toggle="tab">第二项</a></li> <li><a href="#three" data-toggle="tab">第三项</a></li> <li><a href="#four" data-toggle="tab">第四项</a></li> </ul> <div class="tab-content"> <div class="tab-pane" id="one">第一项</div> <div class="tab-pane" id="two">第二项</div> <div class="tab-pane" id="three">第三项</div> <div class="tab-pane" id="four">第四项</div> </div> <script> window.onload = function(){ $(document).ready(function(){ $('#myTab a[href="#two"]').tab('show') }); } </script>查看全部
-
素材准备：js需要新增下载几个文件 1、html5shiv.js 解决ie对html5的支持 2、jquery-1.11.1.min.js 3、respond.min.js 解决ie8对css3媒体查询的支持 4、jquery-1.11.1.min.map查看全部
-
为了让ie8支持html5 和媒体查询 需要引入两个文件文件查看全部
-
IE=edge查看全部
-
class=‘pull-right’查看全部
-
hshshsh查看全部
-
简单灵活的用于搭建WEB页面的HTML、CSS、JavaScript的工具集，基于HTML5和CSS3。是一款简洁强大的开发框架，让WEB开发更迅速更简单更简洁查看全部
-
3-1 导航及下拉菜单制作...(13:22)查看全部
-
3-1 导航及下拉菜单制作...(13:22)查看全部
-
bootstrap是移动设备优先的，它针对移动设备的样式融合进了框架的每个角落 初始化框架使用的是Normalize.css 栅格结构(grid system) 栅格布局中所有的行必须放在class为container的容器中. 通过一系列的行（row）与列（column）的组合来创建页面布局, 自动分为最多12列,内容在列中. 栅格的class在屏幕宽度大于或等于阈值的设备上起作用，并针对小屏幕设备所设置的class覆盖掉 对所有按钮外部加上<div class="btn-group">后所有按钮会成为按钮组，bootstrap会自动为第一个及最后一个加圆角，这些按钮会连在一块。按钮的功能的实现可用js插件 js插件包括了所有jqury，可一次引入所有插件，也可单个引入。 栅格的class在屏幕宽度大于或等于阈值的设备上起作用，并针对小屏幕设备所设置的class覆盖掉 对所有按钮外部加上<div class="btn-group">后所有按钮会成为按钮组，bootstrap会自动为第一个及最后一个加圆角，这些按钮会连在一块。按钮的功能的实现可用js插件 js插件包括了所有jqury，可一次引入所有插件，也可单个引入。 栅格的class在屏幕宽度大于或等于阈值的设备上起作用，并针对小屏幕设备所设置的class覆盖掉。 第一以及最后一个元素设置负的margin，抵消掉影响。 Tooltip插件--鼠标放上就可显示相关提示内容。 工具提示（Tooltip）插件不像之前所讨论的下拉菜单及其他插件那样，它不是纯 CSS 插件。如需使用该插件，您必须使用 jquery 激活它（读取 javascript）。使用下面的脚本来启用页面中的所有的工具提示（tooltip）： <script> $(function () { $("[data-toggle='tooltip']").tooltip(); }); </script> jquery引入位置得在bootstrap.js的前面查看全部
-
initial-scale指令用于设置Web页面的初始缩放比例。 ViewPort <meta>标记用于指定用户是否可以缩放Web页面。 width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。 initial-scale指令指定用户是否可以缩放视区，即缩放Web页面的视图。指定用户是否可以缩放视区，即缩放Web页面的视图。"是user-scalable指令 ,值为yes时允许用户进行缩放，值为no时不允许缩放查看全部
-
html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。查看全部
-
Bootstrap 中的JS插件依赖于jQuery，因此jQuery 要在Bootstrap之前引用 BootStrap实例 //BootStrap不支持IE的兼容模式，这条代码是为了让IE中运行最新的渲染模式 <meta http-equiv="X-UA-Compatible" content="IE=edge"> //我们使用的移动浏览器是把页面放在虚拟的视图中，宽度=设备宽度，初始比例为10 <meta name="viewport" content="width=device-width, initial-scale=1"> html5shiv.min.js //使低版本浏览器 支持H5标签 respond.min.js //使低版本浏览器 对媒体查询 进行支持 注意： CSS 放到<head>中 JS 放到<body>底部查看全部
-
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。查看全部
-
学习内容查看全部
举报
0/150
提交
取消