-
第二章 1、Bootstrap分为Getting started起步，css，Components组建，Customize定制化，Javascript 2、Bootstrap中的JS插件依赖于JQuery因此在此之前要引用 3、width=device-width（设备的宽度），initial-scale=1（不缩放） 4、Bootstrap是移动设备优先的 5、初始化样式Normalize（栅格系统） 6、Bootstrap中的Javascrip插件查看全部
-
这里的链接不一样！查看全部
-
<div class="navbar navbar-default"> <div class="navbar-header"> <a class="navbar-brand"href="">某系统</a> </div> <ul class="nav navbar-nav"> <li class="active dropdown"> <a href=""class="dropdown-toggle"data-toggle="dropdown">功能<span class="caret"></span></a> <ul class="dropdown-menu"> <li class="dropdown-header">业务</li> <li><a href="">信息</a></li> <li class="divider"></li> <li class="dropdown-header">系统</li> <li><a href="">设置</a></li> </ul> </li> <li><a href="">帮助</a></li> </ul> <form class="navbar-form navbar-right"role="login"> <div class="form-group"> <input class="form-control"type="text"placeholder="用户名"> </div> <div class="form-group"> <input class="form-control"type="password"placeholder="密码"> </div> <button class="btn btn-default">登录</button> </form> </div>查看全部
-
CSS文件放head中 javaScript文件放body中查看全部
-
IE版本低于9时查看全部
-
初始化移动端显示查看全部
-
在IE运行最新的渲染模式查看全部
-
菜单定位的理解： （1）首先在导航栏中的导航标签要通过锚点关联到某个具体的tab对应的id,然后通过调用tab的方法进行定位打开； 例如： （a）设置tab内容页的id="tab_hanshi"； <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="tab_hanshi"> ....... </div> </div> （b）设置tab页标题连接的锚点指定到对应的tab上。<a href="#tab_hanshi"....这也是tab默认打开内容页的设置； <ul class="nav nav-tabs" role="tablist" id="tab_list"> <li role="presentation" class="active"> <a href="#tab_hanshi" aria-controls="tab_hanshi" role="tab" data-toggle="tab">风格1</a> </li> </ul> （c）导航菜单设置锚点和tab页的标题连接保持一致，统一指向tab页的id <ul class="dropdown-menu"> <li><a href="#tab_hanshi">风格1</a></li> </ul> （d）编写js脚本内容，调用tab("show")方法； $("#bs-example-navbar-collapse-1 .dropdown-menu a").click(function(){ var $href = $(this).attr("href"); $("#tab_list a[href='"+$href+"']").tab("show"); });查看全部
-
使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。 列宽：col-md-6 列偏移宽度：col-md-offset-3 注意：总宽度为12查看全部
-
素材准备：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查看全部
-
html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。查看全部
-
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架查看全部
-
ViewPort <meta>标记用于指定用户是否可以缩放Web页面。 initial-scale指令用于设置Web页面的初始缩放比例。查看全部
-
"指定用户是否可以缩放视区，即缩放Web页面的视图。"是user-scalable指令 ,值为yes时允许用户进行缩放，值为no时不允许缩放。查看全部
-
html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。查看全部
举报
0/150
提交
取消