-
打开标签页
查看全部 -
弹出框代码
查看全部 -
滚动广告：
查看全部 -
下拉菜单代码
查看全部 -
导航条基本代码
查看全部 -
案例效果：浏览器博物馆
查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<title>Hello World</title>
</head>
<body>
<div class="container nav-main" >
<h1 class="web-title">Hello World!</h1>
<button type="button" class="btn btn-lg btn-primary">我是按钮，按我一下！</button>
</div>
<script src='http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js'></script>
<script src='http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js'></script>
</body>
</html>
查看全部 -
bootstrap
html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。
查看全部 -
下拉菜单！
查看全部 -
1.Carousel是一个用于轮播内容的组件（bootstrap对于组件的实现是用data属性来实现的） Carousel基本结构如下图：<ol></ol>对应轮播图下面的小点点；ol下面的div对应轮播组件内容，而组件内容中的div可通过p、h来，设置图片文字，<a class="btn 其他按钮类名">来设置有超链接的按钮，如：下载；div下面的两个<a>对应轮播的用于鼠标切换的左右按钮 ol中的data-slid-to=“0”表示index（即缩影）为从0开始，这里<li>的个数及li中data-slid-to=“”的编号与下面轮播内容的个数相对应 http://img.mukewang.com/554cb5c00001a08012000530-120-68.jpg 限制轮播内容的height：只需在style下设置.carousel{height: ; blackground-color:#000;(没有图片的部分显示为黑色) } .carousel .item{height: ; background-color:#000;} .carousel img{ width:100%;} 还可另外设置间距，文字大小等。查看全部
-
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架
查看全部 -
Bootstrap
查看全部 -
<!DOCTYPE html>//html5的定义
<html lang="en>
<head>
<meta charset="utf-8"> //页面uft-8编码
<meta http-equiv="X-UA-Compatible" content ="IE=edge">//bootstrap不支持IE的兼容模式，这句是为了在IE运行最新的渲染模式
<meta name="viewport" content="width=device-width, initial-scale=1">//适配移动浏览器时一般都要加上的代码。
平时使用的移动浏览器是把页面放在一个虚拟的视口， 即"viewport"中，通常这个虚拟视口比屏幕宽，这样就不用每个网页挤到一个很小的视口中，但是这样会破坏没有针对移动浏览器优化的网页布局，用户可以通过平移和缩放来看网页不同的部分；viewport可以让网页开发者控制大小和缩放
//视口的宽度等于物理设备的宽度，设置初始缩放比例， 即页面第一次载入时缩放比例，这里设置为1，不作任何的缩放
<link href="css/bootstrap.min.css" rel="stylesheet">//载入Bootstrap的CSS样式
</head>
<body>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src = "js/bootstrap.min.js"></script>
//加入jQuery和Bootstrap js插件的支持
//css文件放在head中，js文件要放到body的最下面
</body>
查看全部 -
Bootstrap中的JS插件依赖于jQuery，因此jQuery要在Bootstrap之前引用
查看全部 -
【完整版】查看全部
-
国&老婆好(;Y 他9看7&天天 看大数据战略7吗6&）安 粘&孜7发6 t查看全部
-
Tooltip 浮动提示框效果
data-toggle="tooltip"
data-placement="left" 代表位置
查看全部
举报