一、Bootstrap简介 Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap是基于 HTML5、CSS3和Javascriopt开发的，它在 jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件，为实现 ...

本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 Bootstrap 介绍 Bootstrap 是非常流行的前端框架。特点是：灵活简洁、代码优雅、美观大方。它是由Twitter的两名工程师 ...

Bootstrap入门（二）栅格 全局CSS样式--栅格 先引入本地的CSS文件（根据自己的文件夹，有不同的引入地址，我是放在一个新建的名为css的文件夹中） container 容器，栅格系统是依赖容器 ...

Bootstrap入门（五）表单 先引入本地的CSS文件 一.内联表单 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 < ...

在Bootstrap中，页面的排版都是从全局的概念上出发，定制了主体文本、强调文本、标题、Code风格、按钮、表单、表格等格式，并运用CSS3的@font-face和伪元素一起实现了一套icon主题。 1.标题： HTML 中的所有标题标签，<h1> 到 <h6> 均可 ...

BootStrap入门教程 (一) 2011年，twitter的“一小撮”工程师为了提高他们内部的分析和管理能力，用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob ...

Bootstrap学习有两个重点，一个是概念的理解，理解bootstrap是如何通过div来代替过去的table布局的；一个是常用结构的熟悉，做到需要的组件及时能找到，组合一下就可以满足需求。学习后的最大感受就是：bootstrap让前端布局和渲染的工作，由填空题变成了选择题。即便没有很强的审美 ...

上讲回顾：Bootstrap组件丰富同时具有良好可扩展性，能够很好地应用在生产环境。这些组件包括按钮(Button),导航(Navigation)，缩略图( thumbnails),提醒(Alert)，进度条(progress bar)等，能够很好减少前端工程师的代码量，实现更加丰富充实 ...