前言
Bootstrap是能做什么？那么如何使用Bootstrap？如果感兴趣的话，请看下文！
（1）可以去官网下载文档：https://www.bootcss.com/，然后引到项目中！
（2）结构
（3）代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap小案例</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.fakeimg {
height: 200px;
background: #aaa;
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">首页</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">博客</a></li>
<li><a href="#">学院</a></li>
<li><a href="#">下载</a></li>
<li><a href="#">论坛</a></li>
<li><a href="#">APP</a></li>
<li><a href="#">问答</a></li>
<li><a href="#">商城</a></li>
<li><a href="#">活动</a></li>
<li><a href="#">VIP会员</a></li>
<li><a href="#">专题</a></li>
<li><a href="#">招聘</a></li>
<li><a href="#">ITeye</a></li>
<li><a href="#">GitChat</a></li>
<li><a href="#">图文课</a></li>
<li>
<a href="#">
<input type="text" style="width: 80px;" value="我的博客">搜索
</a>
</li>
<li><a><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">写博客</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle = "dropdown">
<img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">消息
<ul class="dropdown-menu">
<li><a href="#">论坛</a></li>
<li><a href="#">关注</a></li>
<li><a href="#">点赞</a></li>
<li><a href="#">回答</a></li>
<li><a href="#">系统通知</a></li>
</ul>
</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">java</a>
<ul class="dropdown-menu">
<li><a href="#"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">我的关注</a></li>
<li><a href="#"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">我的收藏</a></li>
<li><a href="#"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">个人中心</a></li>
<li><a href="#">账号设置</a></li>
<li class="divider"></li>
<li><a href="#"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">我的博客</a></li>
<li><a href="#"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">管理博客</a></li>
<li><a href="#"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">我的学院</a></li>
<li><a href="#"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">我的下载</a></li>
<li class="divider"></li>
<li><a href="#"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">我的C币</a></li>
<li><a href="#"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">订单中心</a></li>
<li class="divider"></li>
<li><a href="#"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">帮助</a></li>
<li><a href="#"><img src="img/WIG9]RH1D9HF%(SW[[LJB]5.png">退出</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div>
<img src="img/QQ图片20190803205059.png" style="width: 100%; height: 20%;">
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<div>
<img src="img/cbc458ad8843401198c669429529a0f8.jpeg" style="height: 70px;width: 60px;">人生地不熟
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="#">原创</a></li>
<li><a href="#">粉丝</a></li>
<li><a href="#">喜欢</a></li>
<li><a href="#">评论</a></li>
</ul>
<ul class="nav navbar-nav">
<li><a href="#">100</a></li>
<li><a href="#">100</a></li>
<li><a href="#">10000</a></li>
<li><a href="#">10000</a></li>
</ul>
</div>
<hr/>
<div>
<a href="#">等级：博客4|</a>
<a href="#">访问：2万+</a>
<br/>
<br/>
<a href="#">积分：1138|</a>
<a href="#">排名：6万+</a>
<br/>
<br/>
<a href="#">勋章：恒|勤</a>
</div>
<hr/>
<div>
<p>|个人分类</p>
<br/>
<a href="#">C#高级编程</a>
<br/>
<br/>
<a href="#">SQL Server</a>
<br/>
<br/>
<a href="#">ASP.NET</a>
<br/>
<br/>
<a href="#">ASP.NET MVC</a>
<br/>
<br/>
<a href="#">设计模式</a>
<br/>
<br/>
<a href="#">JavaScript</a>
<br/>
<br/>
<a href="#">HTML</a>
<br/>
<br/>
<a href="#">Navicat Premiunma</a>
<br/>
<br/>
<a href="#">Bootstrap</a>
<br/>
<br/>
<a href="#">Algorithm</a>
<br/>
<br/>
<a href="#">C程序设计</a>
<br/>
<br/>
<a href="#">Essay</a>
<hr/>
<p>|归档</p>
<br/>
<a href="#">2019年8月</a>
<br/>
<br/>
<a href="#">2019年7月</a>
<br/>
<br/>
<a href="#">2019年6月</a>
<br/>
<br/>
<a href="#">2019年5月</a>
<br/>
<br/>
<a href="#">2019年4月</a>
<br/>
<br/>
<a href="#">2019年3月</a>
<br/>
<br/>
<hr/>
<p>|热门文章</p>
<br/>
<a href="#">SQL Server安装程序无法通过Windows Update服务搜索</a>
<a href="#">阅读：90000</a>
<p>|最新评论</p>
<br/>
<a href="#">CSkin的使用</a>
<p>[email protected]:可以的</p>
</div>
</div>
<div class="col-sm-8">
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="#">全部文章></a></li>
<li><a href="#">2018年08月</a></li>
<li><a href="#">排序：</a></li>
<li><a href="#">默认</a></li>
<li><a href="#">按更新时间</a></li>
<li><a href="#">按访问量</a></li>
<li><a href="#">RSS订阅</a></li>
<li><a href="#">管理博客</a></li>
</ul>
</div>
<a href="#">SQL Server安装程序无法通过Windows Update服务搜索更新</a>
<div>
如果遇到这种问题的时候，请不要慌，接下来，我就分享出我是如何解决这个问题的，那么我相信会有很多的人想知道，为什么会出现这种情况呢？
（1）可能是软件的问题
（2）可能是系统的问题
（3）也可能是自己在安装的过程出现了错误
（4） 可能是自己的Windows Update被禁用
而我呢？是最后的一个问题
四种解决方法：
解决方法一：删除软件，重新下载安装
解决方法二：系统出现问题，如果实在想安装，则重装系统其他支持Server SQL的系统
解决方法三：返回上一步，或者卸载Server SQL，重新安装（如果卸载不干净得话，那么等到下一次安装得话，也会失败）......
<br/>
<a>2018-08-08|</a>
<a>阅读量：90000|</a>
<a>评论：900</a>
</div>
<hr/>
<div>
<a href="#">SQL Server2014安装</a>
<p>
（1）下载安装包（地址：http://www.pc6.com/softview/SoftView_7441.html）
（2）点击安装包文件路径下面：SQL_server_2014_enterprise_edition_with_service_pack_2_x64_dvd_8962407映像文件-->点击setup
（3）SQL Server安装中心 -->点击安装 -->全新SQL Server独立安装或向现有安装添加功能......
</p>
<a>2018-08-08|</a>
<a>阅读量：90000|</a>
<a>评论：900</a>
</div>
<hr/>
<div>
<a href="#">T-SQL编程</a>
<p>
前言
现在的IT时代，如果是作为一个程序员的话，如果对一些数据库的基本操作都不能起到熟练的运用的话，
那么就不是一个合格的程序员了，而今天我的这一篇文章主要是针对T-SQL编程，因为我自毕业出来工作
以来，有很多的企业都会问到对于T-SQL技术上的使用和理论的问题，那么为什么我们在搞编程的时候，
要用到T-SQL技术呢？本人认为最重要的是它能解决复杂的应用规则和复杂的编程结果，如果作为一个程
序员，只会一些数据库的增删改查的话，那么未免叶太无趣了，就不能随意的操作数据库，就不能掌握到数据库的精髓了。
</p>
<a>2018-08-08|</a>
<a>阅读量：90000|</a>
<a>评论：900</a>
</div>
<hr/>
<div>
<a href="#">SQL高级查询语法</a>
<p>
我们都知道，一般搞编程的，基本上都是和一些数据打交道，那么和数据打交道的话，就会联想到什么
管理数据，而当我们谈到如何管理数据的时候，就想到了我们的数据库，而在我们平时搞开发中，常用
的数据用三种，他们分别是（Oracle，MySQL，SQL），今天我所讲到的就是如何使用SQL.......
</p>
<a>2018-08-08|</a>
<a>阅读量：90000|</a>
<a>评论：900</a>
</div>
<hr/>
<div>
<a href="#">设计模式之工厂方法</a>
<p>
（1）提供一系列得相互依赖对象得创建工作
（2）封装对象得常规访问方法得方式
（3）提供统一调用数据访问方法得方式（4）避免调用数据访问和具体得对象创建工作耦合
理解：工厂有很多种，每当一个人只说出工厂的时候，它是一个抽象的，而说出它是一个生产
汽车的工厂时，它是一具体的工厂，例如你又说出跑马车，没有说出具体的系列，跑马车这时
只是一个抽象类而已，如果你说的是K78的跑马车的话，那就是一个具体的类和对象了。
</p>
<a>2018-08-08|</a>
<a>阅读量：90000|</a>
<a>评论：900</a>
</div>
<hr/>
<div>
<a href="#">编程技巧小故事</a>
<p>
今天在没有写这篇文章之前，回想了自己最近这两年的编程生涯，是有苦也有甜，为什么这样说呢？如果是做过IT工作的人，就会知道这职业生涯中的艰辛，由自己的兴趣开始学习编程，到后面成为IT行业的武林高手，再到最后的退出武林，这也是IT行业网上常常流传的（从入门到精通，精通到放弃）。然而更有一句经典的语句是：从出生到成长，成长到成熟，成熟到入坟，当然，这句话也是没有错的，毕竟还是要遵循自然规律，既然改变不了生死，改变不了迟早要退出IT江湖的一天，那还是可以享受还在IT武林的生活。想要在IT武林行业中混得好，还要成为一名武林高手的话，那么就必须要有过硬的技术。学IT的前辈们应该是会有相同的感悟：IT行业中的技术变幻莫测，技术难料，如果想真正的稳住脚步，有两个选择：1.不断的学习新的技术，2.自己创造新的技术，前者是被动的，后者是主动的。IT老前辈都应该很清楚，做到第一个要点的人就能达到精英级别了，如能达到第二个要点，那么就可以称为大神，牛人级别了，不过想要和Dennis MacAlistair Ritchie，James Gosling，Bjarne Stroustrup，等人相比的话，那么是有一定的差别的。
</p>
<a>2018-08-08|</a>
<a>阅读量：90000|</a>
<a>评论：900</a>
</div>
</div>
</div>
<div class="jumbotron text-center">
<a href="#">关于我们|</a>
<a href="#">招聘|</a>
<a href="#">广告服务|</a>
<a href="#">网站地图</a>
<br/>
<a href="#">百度提供站内搜索|京CP备19004568号</a>
<br/>
<a href="#">1999-2019|北京创新乐知网络技术有限公司</a>
<hr/>
<a href="#">经营性网站备案信息 网络110报警服务</a>
<br/>
<a href="#">北京互联网违法和不良信息举报中心</a>
<br/>
<a href="#">中国互联网举报中心家长监护版权申诉</a>
</div>
</body>
</html>（4）运行效果
尾言
温馨小提示，运行的时候，要记得联网！
