<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap-3.3.6-dist/css/bootstrap-theme.min.css" rel="stylesheet">
<title>星座</title>
</head>
<style>
.page-header{margin:auto
}
.topnav{ margin:auto;
}
.navbar-brand{ position:absolute;
top:0px;
margin:auto;
}
.navbar-collapse{
position: absolute;
top: 30px;
font-size: 20px;
font-weight:500;
text-align: right;
left: 30%;
}
.col-lg-offset-2{
position: absolute;
margin-left: 0px;
left: 120px;
top: 251px;
width: 148px;
height: 210px;
}
.list-group{ float:left;
left:130px;}
.col-lg-offset-3{
position: absolute;
margin-left: 0px;
left: 120px;
top: 500px;
width: 148px;
height: 210px;
}
a:link{ color:#000000; }
ul,li{list-style-image:none;list-style-position:outside;list-style-type:none;}
</style>
<body>
<div class="page-header">
<!--顶部-->
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
<div class="container topnav">
<div class="navbar-header">
<img src="image/tstd79.jpg" class="glyphicon-picture">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#james-header-menu"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
<div class="alert-link">
<a href="#" class="navbar-brand "><img src="image/logo.gif"></a>
</div>
<div class="collapse navbar-collapse" id="james-header-menu">
<ul class="nav navbar-nav navbar-right">
<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>
</div>
</div>
</div><!--topnav-->
<!--第一版-->
<div class="content_a">
<h1 align="center">十二星座最新文章</h1>
<div class="container">
<div class="col-lg-5 col-lg-offset-2"><img src="picture/101.jpg" alt="ipad" width="160" height="194" class="img-responsive">
<button type="button" class="btn btn-sm btn-info">白羊座</button>
<dt class="fl"><a href="#"><em><i class="xz_1"></i></em><span><font size="-2" color="#999999">3月21-4月20</font></span></a></dt>
</div>
<div class="col-lg-5 list-group">
<ul style="line-height:30px; font-size:14px;">
<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>
<li><a href="#">白羊座男生在意女生什么</a></li>
</ul>
</div>
</div>
<div class="container">
<div class="col-lg-5 col-lg-offset-3"><img src="picture/102.jpg" alt="ipad" width="160" height="194" class="img-responsive">
<button type="button" class="btn btn-sm btn-info">金牛座</button>
<dt class="fl"><a href="#"><em><i class="xz_1"></i></em><span><font size="-2" color="#999999">4月21-5月21</font></span></a></dt>
</div>
<div class="col-lg-5 list-group">
<ul style="line-height:30px; font-size:14px;">
<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>
<li><a href="#">金牛座男在意女人什么</a></li>
</ul>
</div>
</div>
</div>
</div>
<script src="bootstrap-3.3.6-dist/js/npm.js"></script>
<script src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
</body>
</html>
echo_kinchao
李晓健
相关分类