zoukankan      html  css  js  c++  java
  • Bootstrap(1) 概述与环境搭建

    源码和笔记:http://pan.baidu.com/s/1c06RiMW
    一.Bootstrap 概述
    Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美,可用于快速、简单地构建基于 PC 及移动端设备的 Web 页面需求。Bootstrap 最为重要的部分就是它的响应式布局,通过这种布局可以兼容 PC 端、PAD
    以及手机移动端的页面访问。
     
    二.Bootstrap 特点
    Bootstrap 非常流行,得益于它非常实用的功能和特点。主要核心功能特点如下:
    (1).跨设备、跨浏览器
    可以兼容所有现代浏览器,包括比较诟病的 IE7、8。当然,本课程不再考虑 IE9 以下浏览器。
    (2).响应式布局
    不但可以支持 PC 端的各种分辨率的显示,还支持移动端 PAD、手机等屏幕的响应式切换显示。
    (3).提供的全面的组件
    Bootstrap 提供了实用性很强的组件,包括:导航、标签、工具条、按钮等一系列组件,方便开发者调用。
    (4).内置 jQuery 插件
    Bootstrap 提供了很多实用性的 jquery 插件,这些插件方便开发者实现 Web 中各种常规特效。
    (5).支持 HTML5、CSS3
    HTML5 语义化标签和 CSS3 属性,都得到很好的支持。
    (6).支持 LESS 动态样式
    LESS 使用变量、嵌套、操作混合编码,编写更快、更灵活的 CSS。它和 Bootstrap 能很好的配合开发。
     
    三、创建第一个Bootstrap 页面
    1、Bootstrap 所依赖的js和css文件,第一个Bootstrap 程序
    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
    <meta charset="UTF-8">
    <title>Bootstrap 介绍</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    </head>
    <body>
    <button class="btn btn-info">haha</button>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    </body>
    </html>

    2、对应的页面效果

  • 相关阅读:
    我的后端开发书架2015 2.0版
    Java根据字节数据判断文件类型
    基于lucene的案例开发:查询语句创建PackQuery
    Web 前沿——HTML5 Form Data 对象的使用
    基于HTML5的可预览多图片Ajax上传
    【面试】Spring问答Top 25
    【劳动节江南白衣Calvin 】我的后端开发书架2015
    【转载】Java 动态代理
    使用iframe给页面的localStorage扩容
    js中的||和&&使用技巧
  • 原文地址:https://www.cnblogs.com/zhangjinru123/p/Bootstrap.html
Copyright © 2011-2022 走看看