Bootstrap 是一个基于 HTML 5 和 CSS 3 的前端开发框架,它提供了较为丰富的 Web 组件,能够 快速制作一个漂亮的 Web 页面。 本书主要围绕Bootstrap框架,讲述了Bootstrap布局、Bootstrap表单元素、Bootstrap导航、Bootstrap 内置组件、Bootstrap 对 JavaScript 的支持,以及 HTML 5 和 CSS 3 的一些基础知识等
一本用全程用案例讲知识点的Bootstrap教程
前言
你是否使用过智能手机浏览真正的网页? 你是否因为自己作为后端程序员而不能开发出较漂亮的页面? 你是否开发过能够同时适应不同分辨率的屏幕的页面?
如果你出现过上述问题并想解决这些问题,那么你可以阅读本书来了解相关的解决方案。
Bootstrap 讨论
现今,移动互联网已经成为热门话题之一。近年来 HTML 5 发展迅猛,各大浏览器都 开始纷纷支持 HTML 5 的标准规范。手机端的浏览器对 HTML 5 以及 CSS 3 有了很好的支 持,使得 HTML 5 强大的特性在手机端也得到了很好的应用。 Bootstrap就是一个基于HTML 5和CSS 3的前端开发框架, 它提供了较为丰富的Web 组件,能够快速制作一个漂亮的 Web 页面,同时,在最新版本的 Bootstrap 中提倡了以移 动优先的响应式布局设计,我们需要编写出能适应不同分辨率的 PC 端浏览器以及移动手 机端浏览器的代码。也正是如此,才有越来越多的开发者加入 Bootstrap 框架的开发行列中 来。
IV Bootstrap基础教程
为什么写这本书
2015 年绝对是移动开发火热的一年,层出不穷的前端开发框架的出现给开发者提供了很多的便利。iPhone、Android 等智能设备的快速增长,适应更多设备的响应式布局开发也 成为了开发的热点之一。Bootstrap 恰恰能够很好地解决相应的问题,这让我不得不喜欢上 Bootstrap 这个优秀的前端框架。 作为后端程序开发出身的我,有必要记录下 Bootstrap 学习的过程,并且分享给想学习 Bootstrap 的同仁。
基于以上原因,我将自己的学习思路以及过程整理成了本书书稿,希望能给初学者带 来一定的指导方向,使读者了解 Bootstrap,并且能够去使用它。
关于本书
本书主要围绕 Bootstrap 框架,讲述如何利用 Bootstrap 制作出漂亮的前端页面。本书 主要分为以几部分。 第一部分主要讲解了 Bootstrap 中的布局,Bootstrap 中提供了网格系统用于页面的基本 布局,同时我们也可以利用 HTML 元素特性结合 CSS 来布局,Bootstrap 对这些元素的默 认样式做了一定程度的修改 第二部分主要讲解了 Bootstrap 中的表单元素,Bootstrap 在表单上做了较大的处理,对 表单输入元素以及排版上都有一定的控制,使用 Bootstrap 可以快速制作一个漂亮的表单。 第三部分主要讲解了 Bootstrap 中的导航,在本书中,下拉菜单、按钮、导航条等都归 结为导航栏,提供一些功能性的引导作用。Bootstrap 提供了很便捷的方式来开发相应的功 能组件。 第四部分主要讲解了 Bootstrap 中的一些内置组件,这些组件提供了 Web 开发中一些 较为常见的使用效果。 第五部分主要讲解了 Bootstrap 对 JavaScript 的支持,Bootstrap 提供了默认的 jQuery 插 件去实现一些动态的效果展示。 第六部分主要补充了 HTML 5 以及 CSS 3 等一些相关知识,最后3章主要是对本书 Bootstrap 基础知识的补充,并附加了一个案例。
前言 V
读者对象
本书是为从未接触过 Bootstrap 但又想了解学习 Bootstrap 技术的读者而编写的,如果 你有一定的 HTML、CSS 开发经验,那么你将更加容易掌握本书内容。 如果你是以下几类人群之一,那么你非常适合阅读此书: ? 熟悉 JSP、PHP、ASP.NET 等后端 Web 技术的开发人员; ? 对 HTML 和 CSS 有一定了解的 UI 设计师; ? 对移动 Web 开发有浓厚兴趣的开发者; ? 有一定 JavaScript(jQuery)开发经验的前端开发人员。
致谢
在本书的写作过程中,得到了很多 Web 开发人员的悉心帮助,在此对给予本书帮助的 同仁以及各大社区网站表示诚挚的感谢。
由于本人水平有限,因此在本书编写过程中可能存在表述不清或者认识不全面等问题, 敬请读者批评指正。作者的联系邮箱为 821865130@qq.com,真诚希望能与各位读者共同交流、共同进步。