注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

米欧光影工作室

No matter what you want to express……

 
 
 

日志

 
 
关于我

{ note: ‘不会编程的设计狮不是好科研狗’ }

网易考拉推荐
GACHA精选

Bootstrap前端框架简介2  

2015-08-20 18:18:43|  分类: html |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

Bootstrap 尤其适用于将思想的闪光点快速转变为 Web 项目。

简介
Bootstrap是简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。
只要稍微懂一些HTML、CSS和JavaScript,就可以创建出在桌面显示器、智能手机和平板电脑中看起来同样完美的网站或应用。
现在,Bootstrap已经成为了世界上最流行的前端开发框架和开源项目。
一天带你玩儿转Bootstrap,亲们,一起来学习吧!

了解如何使用 Bootstrap 快速开发网站和 Web 应用程序(包括移动友好型应用程序)。Bootstrap 以 LESS 项目为基础,由 Twitter 的内部工程师开发,它为 Web 应用程序 UI 提供了一致的框架。

1.下载地址:
    中文:http://www.bootcss.com/  or  http://v3.bootcss.com/
    英文:http://getbootstrap.com/

2.教程: 
    百度百科:http://baike.baidu.com/link?url= ... vhlv06rbnM8aPwZG6Cm
    菜鸟教程: http://www.runoob.com/bootstrap/bootstrap-tutorial.html

3.慕课网视频
    http://www.imooc.com/index/search?words=Bootstrap

Bootstrap 有用的资源
  • Twitter Bootstrap - Bootstrap 的官方网站,可以在该站点上找到所有可用的文档和下载。
  • Less - Less 快速入门。


bootstrap3放弃了IE7和ff3版本的支持,支持现代浏览器。
注意:由于bootstrap依赖于jQ,所以jQ要在bt引入前引入文件。

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>


bt有常用的页面元素,同时对移动设备优先,实现响应式布局。
= bs的css使用了栅格结构(Grid system);
- 根据布局最多12列的布局;
- 内容放到container中,先放行,再放列,内容写到列中;
只有列可以作为行的直接子元素;
通过为列设置padding达到列与列的间隔,为首尾的左右设置负数margin,达到均匀分布;
Bootstrap前端框架简介2 - 湖小叶叶 - 米欧光影工作室
 




-----------------------------
http://www.imooc.com/video/3337
http://www.imooc.com/code/2791
  评论这张
 
阅读(90)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017