SOURCE

<div class="container">
<div class="row">
  <div class="col-sm-12 col-md-12 col-lg-12">
<div id="myCarousel" class="carousel slide" >
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
    <li data-target="#myCarousel" data-slide-to="4"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493652190611&di=2accd039db1b176f078c00dbf8bd9a7c&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201604%2F29%2F20160429003901_eEYcS.jpeg" alt="First slide" >
			<div class="carousel-caption">隐藏着黑暗力量的钥匙啊，在我面前显示你真正的力量，跟你许下约定的小樱命令你，封印解除！</div>
		</div>
		<div class="item">
			<img src="http://pic.58pic.com/58pic/12/22/55/41c58PICZpC.jpg" alt="Second slide">
			<div class="carousel-caption">和喜欢的人天长地久是一件非常好的事情。如果自己喜欢的人能喜欢自己是再好不过了。不过只要我喜欢的人能够幸福就好了！</div>
		</div>
		<div class="item">
			<img src="http://pic.58pic.com/58pic/12/22/55/48758PICcVY.jpg" alt="Third slide">
			<div class="carousel-caption">我是木之本樱，友枝小学四年级，喜欢的科目是体育和音乐，讨厌的科目是数学，是个性格开朗的女生。</div>
		</div>
    <div class="item">
			<img src="http://img.smzy.com/Soft/UploadPic/2015-4/201541715483396974.jpg" alt="fourth slide">
			<div class="carousel-caption">这世界没有所谓的巧合，有的只是必然。</div>
		</div>
    <div class="item">
			<img src="http://p.store.itangyuan.com/p/book/cover/E_fseBjsES/EgfuEBjsEBIu4BIse_-veTu3ecHMfm969-.jpg" alt="fifth slide">
			<div class="carousel-caption">与其和我喜欢的人心心相印，我更希望他幸福，所以我希望保持现状。对于我来说，只要我喜欢的人得到幸福，我就很快乐了。</div>
		</div> 
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="carousel-control left" href="#myCarousel" 
	   data-slide="prev">&lsaquo;</a>
	<a class="carousel-control right" href="#myCarousel" 
	   data-slide="next">&rsaquo;</a>
</div></div>
    <div class="col-sm-12 col-md-12 col-lg-12">
<div id="nav">
  <ul>
    <li><a href="#">首页</a></li>
    <li><a href="http://jsrun.net/qmkKp/show">详情</a></li>
    <li><a href="#">关于</a></li>
    <li><a href="#">登陆</a></li>
    <li><a href="#">哈哈</a></li>
  </ul>   
</div></div></div></div>
<div class="left">
  <h1>小樱粉须知</h1>
  <ul>k
    <li><a href="http://jsrun.net/xtkKp/show">人物简介</a></li>
    <li><a href="http://jsrun.net/gCkKp/show">小樱知识点</a></li>
    <li><a href="#">角色剧照</a></li>
    <li><a href="#">创作背景</a></li>
  </ul>
</div>
<div class="right">
  <h2>一个笑容如樱花般浪漫的女孩小樱；一个性格冷漠、外表帅气的男孩；小狼；一个温柔善良、多才多艺的女猪闺蜜知世；还有外表与内心不符的神兽小可；当然，雪兔、陶失等人物的一众汇合，相信你们会爱上这部剧，成为樱粉哒~么么哒！</h2><br/>
  <h3>小樱口诀</h3>
  <p>隐藏着星星力量的钥匙啊，在我面前显示你真正的力量。曾与你定下约定的小樱命令你，解除封印！</p>
  <p>库洛里多创造的库洛牌啊，请舍弃旧形象重新转生。 我以新主人小樱之名命令你+库洛牌的名字。
</p>
</div>
<div id="footer" >
版权归QZH&LYX所有 @qq.com</div>

body{
background-image: url(http://www.005.tv/uploads/allimg/161130/1G5302949-4.jpg);
background-size: cover ;
background-repeat:no-repeat;
  
}
.carousel-caption{
  color:brown;
}
#nav{
  width:980px;
  margin:0 auto;
  font:14px/1.5Tahoma,Arial,Helvetical,sans-serif;
}
#nav*{
  margin:0;
  padding:0;
}
#nav ul{
  width:980px;
  height:40px;
  background:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493112824295&di=5c23f1052c34ad0be44603edaa81e64e&imgtype=0&src=http%3A%2F%2Fwww.hzcrby.com%2Fupload%2Fimg%2Fr4Lf0oIYkYaw3hfPpivZPZTmMssesPddp3A0VX9ASlZeUNWoJTkoZVOSJpjM9CP-efWWFQSTmcgwVFxvlxA9Pdp-42Sapqo.jpg)repeat;
}
#nav li{
  list-style:none;
  float:left;
  margin-left:27px;
}
#nav li a{
  display:block;
  line-height:35px;
  color:blue;
  text-decoration:none;
}
#nav li a:hover{
  color:green;
}
.left{
  text-align:center;
}
.right{
 text-align:center;
}
.right h3{
 color:green;
  
}
#footer{
  background-color:pink;
  clear:both;
  text-align:center;
}