本文介绍了Bootstrap，一个由Twitter创建的前端框架，用于快速构建响应式和移动设备优先的网页。Bootstrap包括响应式设计、移动设备优先和广泛的浏览器支持等特性。适合企业网站和博客，但不适用于复杂电商网站。文章详细讲解了Bootstrap的安装步骤，通过下载Bootstrap库并引入到HTML页面中。同时，通过HBuilder X展示了Bootstrap的高亮效果和在手机浏览器的展示，以及原生态和Bootstrap实现的查询按钮的对比。最后，演示了Bootstrap在首页导航和搜索区域的应用。
一、了解Bootstrap
1、什么是Bootstrap？Bootstrap的概念
Bootstrap是来自Twitter公司（做博客的公司）一个用于快速开发web应用程序和网站的 前端框架，是基于HTML、CSS、JS简介灵活，使的web开发更加快捷。
Bootstrap的概念：Bootstrap是一个建立一个页面、就可以在三个终端（PC端、平板、 手机）上完美适配的响应事成框架
2、为什么要学Bootstrap？
①、响应式设计（Bootstrap的响应式常CSS能够自适应台式机、平板电脑和手机）
②、移动设备优先
③、浏览器支持
④、容易上手
3、在哪些地方比较适合用Bootstrap？哪些地方不适合？
适合：企业网站（门户型网站）、博客、网站后台之类的网站
不适合：不太适合做那种比较复杂的电商型网站（电商网站分类太多例如淘宝）
二、关于Bootstrap的环境安装
1、下载Bootstrap类库
打开 https://v4.bootcss.com/ 并下载
此版本为v4
点击下载后会跳到这个界面，建议往下滑直接下载源文件，源文件里面包含生产文件</
最低0.47元/天 解锁文章
889
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
