bootstrap教程(bootstrap怎么学)

很多朋友对于bootstrap教程和bootstrap怎么学不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！

bootstrap怎么学

本文将分享一下自己学习Bootstrap时的一点经验，希望能对正在开始与Bootstrap作战的小伙伴们一点点帮助，避免一些不必要的曲折。

官网（推荐学习：Bootstrap视频教程）

学习一款框架，最开始，学习途径一定是它的官方网站，几乎每一款框架都有非常详细且清晰的文档，虽然网上关于该框架的学习资源很多，但是也都不是自创的，追其根源，全部都是来自于官网。与其花费动辄十几个小时去看别人的视频，不如自己去官网学习来得快。

官网怎么学

相信好多小伙伴也看过官方文档了，虽然文档挺清晰的，但是还是会觉得一头雾水，抓不住重点。那到底要怎么弄呢？

1、首先，需要明确这款框架是做什么的，一般，官网首页都会有一个比较醒目的概述。

2、其次，就是研究基础示例。一般，一款框架的官网都会提供一个基本模板，或者是简单示例，也就是一个使用该框架的一个最最简单的小例子，可以将代码复制到本地编辑器进行运行，当然，如果需要引用其他的文件，那么也需要下载好进行引用。

3、然后，可以大概随意点击浏览一下，了解一下它里面都有哪些功能模块。

4、耐心研读，在这个过程中，哪些是实现的重点文档都会有说明，需要特别注意，遇到难以理解的部分，或者不明白的部分，可以先跳过，看过几个小模块之后就会对整个模式有一个大致的了解了，后面通过实际项目练习，再着重研究对应的部分就可以了。

5、最后，需要说明的是，样式名是不需要背下来的，做项目的时候，能快速找到相应的位置就可以了。

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

《Bootstrap实战》pdf下载在线阅读全文,求百度网盘云资源

《Bootstrap实战》（[美] David Cochran）电子书网盘下载免费在线阅读

链接: https://pan.baidu.com/s/1olT71BVFEplol4roHess_A提取码: vjq9

书名：Bootstrap实战

作者：[美] David Cochran

译者：李松峰

豆瓣评分：7.1

出版社：人民邮电出版社

出版年份：2015-5

页数：240

内容简介：

本书是目前市面上少见的实战类Bootstrap图书，全书通过5个真实、具体、鲜活，又有代表性的项目实例，讲解了Bootstrap的各种特性和用法。5个实例由浅入深，既各自独立，又环环相扣，丰富的代码，精美的插图，加上细致入微的解释，让读者极易上手，不知不觉中就能掌握所有重要概念，步入Bootstrap高手行列。本书讲解了以下5种类型的网站：个人作品网站、WordPress主题、企业门户页面、在线电子商务站点和单页营销网站。

除了令人惊艳的项目实例，本书还向读者介绍了很多实用插件、框架，以及前端开发的工作流程，这些知识和技术并不局限于Bootstrap。特别地，作者用相当篇幅介绍了LESS的基本原理和使用方法，让即使从未接触过LESS的人也能感觉游刃有余。此外，全书各章还分别介绍了HTML5 Boilerplate、Font Awesome、Respond.js、Masonry、Scroll-Spy，以及Roots的WordPress启动主题，让读者不必白手起家也能实现各种酷炫效果。

本书附录还介绍了为获得最快下载速度而对站点资源进行优化、实现响应式图片，以及为图片传送带添加手势的技术。作者提供的项目代码也非常完整、清晰，每一章都有相应的开始和完成文件夹，方便读者参考使用。

本书适合有一定HTML/CSS基础的开发人员和爱好者阅读学习，经验丰富的开发人员也可以把它当作参考。

作者简介：

David Cochran

现为俄克拉荷马州卫斯理大学副教授，自2005年以来一直讲授交互设计。他重视最佳实践，不喜欢走捷径，推崇Web标准。2012年，David在webdesign.tutsplus.com上开设了Bootstrap 2.0系列教程专栏。他还在Packt Publishing出版过一个小书Twitter Bootstrap Web Development How-To。闲暇时间，David会在自己网站alittlecode.com上写写博客。他还是媒体、设计和咨询公司BitBrilliant的负责人。

Ian Whitley

自幼爱好写作。2010年，他对Web开发产生了深厚兴趣，并投身其中。他很早就开始使用Twitter Bootstrap，而且在David Cochran的帮助下，很快就掌握了这个框架，并将其应用到了很多项目中。目前，他多数情况下会使用Bootstrap为客户创建WordPress模板。Ian是BitBrilliant公司的开发主管。

译者简介：

李松峰

2006年起投身翻译，译著30余部，包括《JavaScript高级程序设计》《简约至上》等畅销书。2008年进入出版业，目前在图灵公司从事技术图书策划和审稿工作，并担任《Web+DB Press中文版》杂志编委。

他经常参加社区活动，曾在W3ctech 2012 Mobile上分享“Dive into Responsive Web Design”。2013年1月应邀在金山网络分享“响应式Web设计”，3月应邀在奇虎360分享“JS的国”。在2014DevFest Beijing分享了“理解响应式Web设计”。

Bootstrap基本使用

Bootstrap是当前流行的前端框架。下面，我们来看看Bootstrap的基本使用吧。

Bootstrap中文网

在浏览器中输入【Bootstrap中文网】，然后点击相关的链接，如下图所示：

Bootstrap中文文档

然后会进入相关的页面，点击【Bootstrap中文文档】按钮，如下图所示：

下载Bootstrap

然后点击【下载Bootstrap】按钮，如下图所示：

Bootstrap教程

下载相关文档之后就可以使用文档中的JS文件，然后在浏览器中输入【Bootstrap教程】，即可学习简单的Bootstrap使用方法。

web前端开发框架bootstrap 怎么使用

方法/步骤

1

首先我们当然是需要得到Bootstrap相关文件，因为在网页中应用Bootstrap是需要引入其相关文件的。我们可以到Bootstrap官网下载。

2

如果你的英文水平不是太好的话，没关系，我们可以到国内做的汉化比较好的Bootstrap网站去下载，最新版本都是3，属于扁平化的那种。

3

以上两步点击下载按钮后都会跳转到一个详细下载列表，有三种Bootstrap，这里我们下载第一个就可以了。

4

下载完成后解压，会看到文件有三个子文件夹，分别是css、font、js，里面带min的文件都是压缩后的文件，在网站上线的时候用，其他未压缩的文件我们可以在平时开发的时候用。

5

再之后就是要用这套Bootstrap框架了，首先要做的就是建立一个html文件，你可以用任何文本编辑器，这里推荐Dreamweaver CS6，个人感觉比较好用。

6

接下来就是要引入css文件了，要把文件的路径写正确，如果网页内用到了Bootstrap的js效果，那么必须先引入jQuery文件，因为Bootstrap的js插件都是基于jQuery的。

7

最后就可以在body标签内应用Bootstrap相关的class了，这些都是封装好的，只要嵌套正确就是做出漂亮的网页了。

非常感谢您的阅读！我们希望本文对于解决您关于bootstrap教程和bootstrap怎么学的问题提供了一些有价值的信息。如果您还有其他疑问，我们将很乐意为您提供进一步的帮助。