Bootstrap相关优质项目推荐
这些项目或者是对Bootstrap进行了有益的补充,或者是基于Bootstrap开发的
![](../image/expo.png)
优站精选
Bootstrap 网站实例
Bootstrap 优站精选频道收集了众多基于 Bootstrap 构建、设计精美的、有创意的网站。
<div class="col-lg-3 col-md-4 col-sm-6" >
<div class="thumbnail" style="height: 350px;" >
<img src="../image/webpack.png">
<div class="caption">
<h3 ><a href="#">Webpack<br><small>是前端资源模块化管理和打包工具</small></a></h3>
<p >Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6" >
<div class="thumbnail" style="height:350px;" >
<img src="../image/react.png">
<div class="caption">
<h3><a href="#">React<br><small>用于构建用户界面的 JavaScript 框架</small></a></h3>
<p>React 起源于 Facebook 的内部项目,是一个用于构建用户界面的 JavaScript 库。</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6" >
<div class="thumbnail" style="height: 350px;" >
<img src="../image/typescript.png">
<div class="caption">
<h3 ><a href="#">TypeScript <br><small>中文手册</small></a></h3>
<p >TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。</p>
</div>
</div>
</div>
<!--第二排-->
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="thumbnail" style="height: 350px;" >
<img src="../image/jqueryapi.png">
<div class="caption">
<h3 ><a href="#">jQuery API <br><small>中文手册</small></a></h3>
<p >根据最新的 jQuery 1.11.x 和 2.1.x 版本翻译的 jQuery API 中文文档/手册。</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="thumbnail" style="height: 350px;" >
<img src="../image/nextjs.png">
<div class="caption">
<h3><a href="#">Next.js<br><small>中文文档</small></a></h3>
<p >Next.js 是一个轻量级的 React 服务端渲染应用框架。</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="thumbnail" style="height: 350px;" >
<img src="../image/preact.png">
<div class="caption">
<h3><a href="#">Preact<br><small>React 轻量替代方案。</small></a></h3>
<p>Preact - 一个只有 3kB 大小的 React 替代品,拥有与 React 相同的 API、组件和虚拟 DOM。</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="thumbnail" style="height: 350px;" >
<img src="../image/nodejs.png">
<div class="caption">
<h3><a href="#">Node.js<br><small>中文文档 / 手册</small></a></h3>
<p >Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。</p>
</div>
</div>
</div>
<!--第三排-->
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="thumbnail" style="height: 350px;" >
<img src="../image/yarn.png">
<div class="caption">
<h3><a href="#">Yarn <br><small>中文手册</small></a></h3>
<p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="thumbnail" style="height: 350px;" >
<img src="../image/npm.png">
<div class="caption">
<h3><a href="#">NPM <br><small>中文文档</small></a></h3>
<p>NPM(node package manager)是 Node.js 世界的包管理器。NPM 可以让 JavaScript 开发者在共享代码、复用代码以及更新共享的代码上更加方便。</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="thumbnail" style="height: 350px;" >
<img src="../image/vuejs.png">
<div class="caption">
<h3><a href="#">Vue.js<br><small> 中文文档。</small></a></h3>
<p>Vue.js - 是一套构建用户界面的渐进式框架。</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="thumbnail" style="height: 350px;" >
<img src="../image/browsersync.png">
<div class="caption">
<h3><a href="#">Browsersync<br><small>浏览器同步测试工具</small></a></h3>
<p>Browsersync 浏览器同步测试工具,很容易与 Web 平台、构建工具和其他 Node.js 项目集成,替代了大量重复测试劳动。</p>
</div>
</div>
</div>