BootStrap基本模板

最新推荐文章于 2025-09-13 09:06:35 发布

weixin_33697898

最新推荐文章于 2025-09-13 09:06:35 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wccc/p/6858773.html

本文提供了一个完整的BootStrap模板代码示例，包括必要的HTML声明、元数据配置、引入CSS与JavaScript文件的方法等。此外还特别注意了浏览器兼容性和响应式设计的需求。

模板代码如下:

<!-- 声明 -->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 元数据 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
<!-- IE渲染 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- 高速模式 -->
    <meta name="renderer" content="webkit">
<!-- SEO引擎优化 -->
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="discription" content="">
    <title>BootStrap使用模板</title>
<!-- 样式 -->
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href=".css">
<!-- 脚本 -->
    <script src="jquery.min.js"></script>
    <script src="bootstrap/bootstrap.min.js"></script>
<!-- 兼容性问题 -->
    <!-- [if it IE 9] -->
    <script src="scripts/html5shiv.min.js"></script>
    <script src="scripts/respond.min.js"></script>
    <!-- [endif] -->
</head>
<body>
    
</body>
</html>