首页 > 代码库 > bootstrap相关资料
bootstrap相关资料
bootstrap资源:
http://www.bootcss.com/
https://github.com/twbs/bootstrap
http://v3.bootcss.com/getting-started/#grunt
样式集合:
http://bootswatch.com/ (下载variables.less替换后,再在bootstrap编译发布即可:grunt dist)
http://lib.sinaapp.com/ (新浪CDN)
http://cdn.code.baidu.com/ (百度公共库加速)
http://www.bootcdn.cn/ (Bootstrap中文网开放CDN服务)
教程:
http://www.w3cschool.cc/bootstrap/bootstrap-tutorial.html
---------------------
自己编译bootstrap
1.在全局环境中安装 grunt-cli :npm install -g grunt-cli 。
2.进入 /bootstrap/ 根目录,然后执行 npm install 命令。npm 将读取 package.json 文件并自动安装此文件中列出的所有被依赖的扩展包。
上述步骤完成后,你就可以运行 Bootstrap 所提供的各个 Grunt 命令了。
可用的 Grunt 命令
3.grunt dist (仅编译 CSS 和 JavaScript 文件)
重新生成 /dist/ 目录,并将编译压缩后的 CSS 和 JavaScript 文件放入这个目录中。作为一名 Bootstrap 用户,大部分情况下你只需要执行这一个命令。
---------------------
http://gruntjs.com/
Respond.js – 让不懂爱的 IE6-8 支持 CSS3 Media Query
https://github.com/scottjehl/Respond/
Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)
@media screen and (min-width: 480px){
...styles for 480px and up go here
}
为什么有些网站CSS,JS位置怎么放到页面最后?
答:作为网页文件,加载顺序是从上到下的,把样式和js文件放到页首自然会先加载。而搜索引擎的蜘蛛收录页面时会受到一些影响。所以百度建议把样式和js放到页末,等正文加载完后再加载这些文件。
<!-- JavaScript 放置在文档最后面可以使页面加载速度更快 -->
Bootstrap CDN推荐
本站实例采用的是百度的静态资源库(http://cdn.code.baidu.com/)上的Bootstrap资源。
百度的静态资源库的 CDN 服务,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费,引入代码如下:
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="http://apps.bdimg.com/libs/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<!-- 可选的Bootstrap主题文件(一般不使用) -->
<script src="http://apps.bdimg.com/libs/bootstrap/3.0.3/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.0.3/js/bootstrap.min.js"></script>
bootstrap相关资料