本人刚毕业，现在在一家公司实习，带着我的刘哥让我学习ADminLTE和BootStrap3，这些都是我在学校中没有接触过的。所以，在这里开个板块，记录我的学习过程。
ADminLTE基于BootStrap3，所以我首先在菜鸟教程中学习BootStrap3。
首先，什么是BootStrap3。
菜鸟教程给出这样的解释：Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。
我的理解就是，BootStrap3就是一个css、js的集合，可以让我们在设计前端网页的时候，直接用class=""，来调用其中的网页布局，不用我们再一段一段的敲格式代码，只需要在其基础上，增加几句代码即可。
多说无益，一小段代码会让你更直观的感受到他的便捷之处。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- JavaScript 放置在文档最后面可以使页面加载速度更快 -->
<!-- 可选: 包含 jQuery 库 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!-- 可选: 合并了 Bootstrap JavaScript 插件 -->
<script src="https://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<title>我的第一个BootStrap网页</title>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>我的第一个 Bootstrap 页面</h1>
<p>重置窗口大小，查看响应式效果！</p>
</div>
<div class="rows">
<div class="col-sm-4">
<h3>第一列</h3>
<p>学的不仅是技术，更是梦想！</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
</div>
<div class="col-sm-4">
<h3>第二列</h3>
<p>学的不仅是技术，更是梦想！</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
</div>
<div class="col-sm-4">
<h3>第三列</h3>
<p>学的不仅是技术，更是梦想！</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
</div>
</div>
</div>
</body>
</html>下面是在火狐浏览器中的显示界面。
按道理来说，三个<div></div>模块最后呈现的结果应该是三行，但是class="col - sm - 4"这个标签，加载了BootStrap3中的模板，不需要我们再去调整<div>模块的位置。