前言
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)运行效果
尾言
温馨小提示,运行的时候,要记得联网!