码迷,mamicode.com
首页 > 其他好文 > 详细

初识 Bootstrap

时间:2018-10-14 00:24:11      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:为什么   开发效率   script   网页   结构   直接   好的   不同   查询   

Bootstrap 概述

  Bootstrap 是一个前端框架,使用它可以快速开发响应式页面,还能专门针对 PC 端或移动端快速开发,大大提高了开发效率。

  Bootstrap 来自 Twitter,是目前最流行的前端框架。它是基于 HTML、CSS、JavaScript 的一个简洁、灵活的开源框架。 

  1、为什么要使用 Bootstrap
  当需要制作响应式的网页来适配各种终端,我们通过媒体查询,针对要适配的每种终端都得设置相应的样式甚至是改变网页结构,而且开发和维护起来也很麻烦。而 Bootstrap 库中包含很多现成的带有各种样式和功能的代码片段,这些代码可以为你的网站增加更多活力,Web 开发者不必再花费时间、花费精力地编码,只需要找到合适的代码,插入到合适的位置即可。最主要的是这些代码片段是经过封装的,可以适用于不同的终端设备,无论是在 PC 浏览器中还是平板电脑、手机等,都能很好地浏览网页。

  Bootstrap 框架里的一些效果是使用 HTML5 和 CSS3 开发的,我们都知道 CSS3 有的属性是有兼容性的。 Twitter 当初开发该工具的时候,就考虑到浏览器间表现不一致的情况,所以 Bootstrap 已经对此做了兼容处理,保证了界面在不同平台上的统一性。在 IE、Chrome、Firefox 等浏览器中可以看到统一的界面。

  目前使用较广的是版本 2.0 和 3.0,我们以 3.0 版本进行讲解。因为从版本 3.0 开始 Bootstrap 移入移动先行的思想,使我们能使用它快速开发移动项目。在 Bootstrap 3.0 中重写整个框架,使其一开始就是对移动设备友好的。这次不是简单地增加一些可选的针对移动设备的样式,而是直接融合进了框架的内核中。

  2、Bootstrap 使用场景
  Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架,用于开发响应式布局、移动设备优先的 Web 项目。这是 Bootstrap 的核心理念,从中也可以看出 Bootstrap 的使用场景是制作适配各终端的响应式的页面、制作移动设备项目。

  实际上 Bootstrap 是个 “万能” 的框架,因为它不只是在上面的两种场景才能使用,它集成了 CSS 样式和 JavaScript 交互特效,只要是有网页的地方都可以使用。




初识 Bootstrap

标签:为什么   开发效率   script   网页   结构   直接   好的   不同   查询   

原文地址:https://www.cnblogs.com/wxdestiny/p/9784573.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!