初始bootstrap

bootstrap是什么?如果现在还没听说过,或者只是大概知道,那,你就out了。bootstrap是一个基于jQuery的js框架,是Mark Otto和Jacob Thornton在Twitter公司共同开发的,2011年8月发布至今已经成为Github上最受关注的开源项目。它的官网是:http://getbootstrap.com/。我也搞不懂为什么前面要加个get。现在最新的版本是3.3.2。

虽然bootstrap更多的用于移动端,但是官网首页的宣言是One framework, every device.也就是PC端同样适用,关键点在于统一、可移植。

开源在github的地址是:https://github.com/twbs/bootstrap

如果想看bootstrap的真实例子,访问:http://expo.getbootstrap.com/

bootstrap有三个下载版本:

1是编译好的(bootstrap-3.3.2-dist.zip),200多K

2是源代码(bootstrap-3.3.2.zip),有3M

3是Sass(bootstrap-sass-3.3.2.tar.gz),也是200多K

如果你不会Grunt(gruntjs.com)、或不会node.js(nodejs.org)、还有autoprefixer,那还是先下载编译好的吧。

要掌握安装,你还需要知晓Bower(bower.io)、npm(npmjs.com)。

涉及cdn,你还得懂得maxcdn(maxcdn.com),bootstrap cdn(bootstrapcdn.com)。

bootstrap的书不多,当当上主要有这几本:

1、《深入理解Bootstrap》 2014-5-1 徐涛

2、《Bootstrap用户手册:设计响应式网站》 2013-9-1 [美]Jake Spurlock(O‘Reilly Media)

3、《CSS高效开发实战—CSS 3、LESS、SASS、Bootstrap、Foundation》  2014-9-1 谢郁(百度)

最重要的两个网站:

http://getbootstrap.com/ (官网)

http://www.bootcss.com/ (中文网)

最后,看一个bootstrap做的真实案例,pc的chrome浏览器与iphone的safari浏览器:

2015.2.16

时间: 2024-08-11 01:27:10

初始bootstrap的相关文章

下一代 Bootstrap 的 5 个超酷特点

Bootstrap 4的初始版本于本周刚刚发布,我希望大家都可以认识到,这是对这个流行的(可能是最流行的)响应式CSS框架一次重大的彻底整修.该项目创始人,Mark Otto说这次的发布“几乎涉及每一行代码”,这并不是在开玩笑. 1.更轻巧的文件大小 有这样一句话,“删掉的代码必定是已经调试过的代码,”——最好的重构一定会导致项目删除大量代码,迅速瘦身.如果你下载初始版本,那么你会发现,与最新的稳定版本Bootstrap 3(3.3.5)——约为123KB大小(bootstrap.min.css

bootstrap 初始学习篇

<!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title></title> <link rel="stylesheet" href="css/bootstrap.min.css">//链接到样式表 原始位置 </head> <body> <button class=

bootstrap学习笔记

Bootstrap插件概览 在前面布局组件章节中所讨论的组件仅仅是个开始.Bootstrap自带的12种jQuery插件,扩展了功能,可以给站点添加更多的互动.即使您不是一名高级的js开发人员, 你也可以学习Bootstrap的js插件.利用Bootstrap数据api(Bootstrap Data API),大部分的插件可以在不编写任何代码的情况被触发. 站点引用bootstrap插件的方式有两种: 单独引用:使用Bootstrap的个别的*.js文件.一些插件和css组件依赖于其他插件.如果

Bootstrap学习(一):Bootstrap简介

一.Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. 详细的来说,Bootstrap是一个简单.灵活的,可用于搭建简洁漂亮WEB页面的HTML,CSS,JAVASCRIPT的工具集.BootStrap基于HTML5 和 CSS3,具有漂亮的设计,友好的学习曲线,卓越的兼容性,还有12列的响应式栅格结构,丰富的组件等等.简单的说,Bootstr

H5框架之Bootstrap(一)

H5框架之Bootstrap(一) 接下来的时间里,我将和大家一起对当前非常流行的前端框架Bootstrap进行速度的学习,以案例的形式.对刚开始想学习Bootstrap的同学而找不着边的就很有帮助了.如果你想详细的学习Bootstrap,建议去http://noob.d8jd.com/noob/5.html这里学习,说多了,开始走两步.... 第一步:下载Bootstrap 看这个大B就知道有多NB了,哈哈~~~~ 英文也说它最流行的HTML,CSS和JS框架,至于它有哪些好处,谁用谁知道.

JS组件系列——Bootstrap组件福利篇:几款好用的组件推荐

前言:之前分享过很多bootstrap常用组件,包括表格.表单验证.文件上传.复选下拉框.弹出框等.这段时间,博主又收藏了一些好用的组件(有些在项目中已经用起来了),经过两天的时间,已经整理出了一部分,本着“好东西要与人分享”的原则,今天还是来点福利,将博主收藏的东西分享出来,供需要的园友参考.组件大部分都是些开源组件,也有部分是博主自己在网上找到然后改写出来的效果,可能不尽如人意,有兴趣的且看看吧. 一.时间组件 bootstrap风格的时间组件非常多,你可以在github上面随便搜索“dat

bootstrap, boosting, bagging 几种方法的联系

http://blog.csdn.net/jlei_apple/article/details/8168856 这两天在看关于boosting算法时,看到一篇不错的文章讲bootstrap, jackknife, bagging, boosting, random forest 都有介绍,以下是搜索得到的原文,没找到博客作者的地址, 在这里致谢作者的研究. 一并列出一些找到的介绍boosting算法的资源: (1)视频讲义,介绍boosting算法,主要介绍AdaBoosing    http:

1 - bootstrap基本模板

bootstrap 3.x 下载地址:http://v3.bootcss.com/ 基本模板如下: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <!-- IE使用最新的渲染模式 --> <meta http-equiv="X-UA-Compatible" content="IE=edg

bootstrap之Orientation

Orientation 调整屏幕方向的操作. package io.appium.android.bootstrap.handler; import android.os.RemoteException; import com.android.uiautomator.core.UiDevice; import io.appium.android.bootstrap.*; import org.json.JSONException; import java.util.Hashtable; /**