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>

时间: 2024-08-29 15:29:15

bootstrap相关资料的相关文章

华为FusionCloud 云计算解决方案及相关资料下载

华为FusionCloud云计算解决方案引入水平融合.垂直融合.接入融合和数据融合四位一体的全融合,对企业与行业传统数据中心的IT基础设施的进行"融合重构", 帮助企业化繁为简,实现商业价值. FusionCloud 彻底打破原有的笨重的IT基础设施在支撑企业核心业务效率与成本方面的束缚与障碍,把企业传统数据中心改造成为一个高度简化.标准化.自动化和弹性的云数据中心,使得企业的IT支撑系统从企业的"成本中心"转型成为推动企业核心业务不断发展的引擎. 相关资料下载地址

【MVC】MusicStore相关资料

引言 当你对MVC的项目结构有一定了解时,那就可以开始学习一个世界级的MVC入门demo--MusicStore.学习的绝招就是把它抄一遍. 相关资料 MVC Music Store  Codeplex主页,有源码有PDF文档,不过只有MVC 3版本的. http://www.asp.net/mvc 微软的ASP.NET主页,林林总总包含了相当多的学习资料.全英文,英文苦手如我可以用Bing全文翻译,目测准确率达60%,个别句子不通的看看原文就好. http://pan.baidu.com/s/

Bootstrap相关的网站

http://www.bootcss.com/ http://expo.bootcss.com/ http://www.webresourcesdepot.com/20-beautiful-resources-that-complement-twitter-bootstrap/ http://www.cnblogs.com/lhb25/archive/2012/09/11/resources-that-complement-twitter-bootstrap.html Bootstrap相关的网

GBrowse配置相关资料

GBrowse配置相关资料(形状.颜色.配置.gff3) http://gmod.org/wiki/Glyphs_and_Glyph_Optionshttp://gmod.org/wiki/GBrowse_Configuration/Glyphs http://gmod.org/wiki/GBrowse_Configuration/Feature_frequency_histograms (2010)http://boyun.sh.cn/bio/?p=1817 (2011  GBrowse之频率

archlinux相关资料整理

Arch linux Arch Linux Wiki Arch linux Wiki Markdown Arch Wiki python continuing ... archlinux相关资料整理,布布扣,bubuko.com

关于Jetson Kit开发相关资料

首先是nVidia官方对于Jetson Kit的介绍: http://www.nvidia.com/object/jetson-tk1-embedded-dev-kit.html https://developer.nvidia.com/jetson-tk1 然后是nVidia官方对Jetson开发支持: https://developer.nvidia.com/jetson-tk1-support 关于Jetson Kit开发相关资料,布布扣,bubuko.com

USB相关资料汇总

[1]USB规范,一切的一切,基本的基本,天书级别USB_11_spec(中文).pdf    USB1.1规范(中文版) usb_20.pdf                     USB2.0规范(英文版)[2]USB大全(USB Complete),看名字就知道了,有你所想了解的一切,通俗易懂USB-complete.pdf  version 2 -- USB Complete第二版 英文Usb Complete - Everything You Need To Develop Cust

http连接优化与浏览器允许的并发请求资源数相关资料(整理转载)

网页性能优化相关资料: https://developer.yahoo.com/performance/rules.html#page-nav 前端技术的逐渐成熟,还衍生了domain hash, cookie free, css sprites, js/css combine, max expires time, loading images on demand等等技术.这些技术的出现和大量使用都和并发资源数有关. 按照普通设计,当网站cookie信息有1 KB.网站首页共150个资源时,用户

UIlabel居上对齐遇到的问题和解决方法以及其他相关资料

UILabel的text的对其方式有四种类型 NSTextAlignmentLeft; NSTextAlignmentCenter; NSTextAlignmentRight; 基本够用 但是今天遇到个问题 就是当我label很高字体很小的时候 默认的label文字永远是默认在中间  上图 [myLabel sizeToFit];首先试了这个方法 但是发现改变大小适应这个属性 会让文字在左上角并且label的height也随之缩小 添加numberToLine=0可以在换行的时候改变高度 其实这