HTML标准模板
(1)bootstrap下载的文件结构
(2)
Bootstrap 崇尚移动先行
<meta name="viewport" content="width=device-width,initial-scale=1.0">
UI布局的宽度和移动设备的宽度一致,缩放大小为原始大小(不缩放)。
(4)Bootstrap不支持IE的兼容模式
<meta http-equiv="X-UA-Compatible" content="IE=edge">
在IE运行最新的渲染模式
(5)Bootstrap CSS样式
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
(6)Bootstrap — IE8以下的浏览器支持HTML5标签 / 支持媒体查询。
(7) Bootstrap 加载js插件
css文件放在head中,js放在body的最下面。
bootstrap中的js插件依赖于jQuery,jQuery要在Bootstrap之前引用。
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/bootstrap.min.js"></script>
共同学习,写下你的评论
评论加载中...
作者其他优质文章