HTML布局
<link href="/go.html?url=~/Content/StyleSheet1.css" rel="stylesheet" />
<div class="row">
<div class="col-sm-2 col-md-2" style="min-height:400px;border:1px #eee4e4 solid; border-radius:5px;padding-top:20px;">
<ul class="nav nav-pills nav-stacked">
<li class="active">
<a href="/go.html?url=#" class="text-muted">6346</a>
</li>
<li>
<a href="/go.html?url=#" class="text-muted">6346</a>
</li>
<li>
<a href="/go.html?url=#" class="text-muted">6346</a>
</li>
</ul>
</div>
<div class="col-sm-10 col-md-10" style="min-height:400px;border:1px #eee4e4 solid; border-radius:5px;padding-top:20px;">
<div class="clearfix">
<div class="pull-left">
<a href="/go.html?url=/course/explore/web?sort=latest" class="selected">最新</a>
<a href="/go.html?url=/course/explore/web?sort=popular">热门</a>
<a href="/go.html?url=/course/explore/web?sort=recommendedSeq">推荐</a>
</div>
</div>
<div class="panel">
<div class="panel-heading">文章列表</div>
<div class="panel-body">
<ul class="autumn-grids">
<li class="autumn-grid"><a href="/go.html?url=#"> <img src="~/Images/246668449.jpg" class="img-rounded img-responsive"/></a>
<p class="clearfix"><a class="pull-left" href="/go.html?url=#">王菲</a><a class="pull-right" href="/go.html?url=#">收藏</a></p>
</li>
<li class="autumn-grid"><a href="/go.html?url=#"> <img src="~/Images/246668449.jpg" class="img-rounded img-responsive"/></a><p><a href="/go.html?url=#">王菲</a></p></li>
<li class="autumn-grid"><a href="/go.html?url=#"> <img src="~/Images/246668449.jpg" class="img-rounded img-responsive"/></a><p><a href="/go.html?url=#">王菲</a></p></li>
<li class="autumn-grid"><a href="/go.html?url=#"> <img src="~/Images/246668449.jpg" class="img-rounded img-responsive"/></a><p><a href="/go.html?url=#">王菲</a></p></li>
<li class="autumn-grid"><a href="/go.html?url=#"> <img src="~/Images/246668449.jpg" class="img-rounded img-responsive"/></a><p><a href="/go.html?url=#">王菲</a></p></li>
<li class="autumn-grid"><a href="/go.html?url=#"> <img src="~/Images/246668449.jpg" class="img-rounded img-responsive"/></a><p><a href="/go.html?url=#">王菲</a></p></li>
<li class="autumn-grid"><a href="/go.html?url=#"> <img src="~/Images/246668449.jpg" class="img-rounded img-responsive"/></a><p><a href="/go.html?url=#">王菲</a></p></li>
<li class="autumn-grid"><a href="/go.html?url=#"> <img src="~/Images/246668449.jpg" class="img-rounded img-responsive"/></a><p><a href="/go.html?url=#">王菲</a></p></li>
</ul>
</div>
</div>
</div>
</div>
<link href="/go.html?url=~/Content
