bootstrap使用一些小结

在使用bootstrap是我们通常是到官网下载预编译版本，然后放入项目目录下使用相对路径引用，事实上几乎所有的外部引用文件我们都是这样引用的。

但是今天在w3cschool完整上看到bootstrap其实也以采用百度的静态资源库(http://cdn.code.baidu.com/)上的Bootstrap资源。

百度的静态资源库的 CDN 服务，访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费,引入代码如下：

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">

<!-- 可选的Bootstrap主题文件（一般不使用） -->
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap-theme.min.css"></script>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>

　　w3cschool给出的示例：

<!DOCTYPE html>
<html>
<head>
   <title>在线尝试 Bootstrap 实例</title>
   <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body>

      <h1>Hello, world!</h1>

</body>
</html>

　　虽然这一点在开发中并不重要，甚至有些多余，因为使用别人的引用路径毕竟存在风险，更何况要是自己的项目上不了网或者不用网络那就没法使用等等很多突发情况，但这也是一种方式，很多开源框架其实我们也只能使用官网的引用路径的。

 

posted @ 2015-03-30 10:24  Ivanxia  阅读(224)  评论(0)    收藏  举报