列表组(list-group)

标签：png   工作   视角   视频   src   wow   group   div   大学   

<div class=‘container‘>
<div class="row">
<div class="col-lg-6 col-md-6 wow fadeInLeft">//fadeInLeft这个列表组从左边淡入
<div class="list-group">
<a href="#" class="list-group-item active">
珞珈新闻
</a>
<a href="#" class="list-group-item">书声花影开学季（组图）</a>
<a href="#" class="list-group-item">全新视角的武大形象片（视频）</a>
<a href="#" class="list-group-item">蒋超良强调强化马克思主义理论引领 加强高校思想政治工作</a>
<a href="#" class="list-group-item">大年初一校领导慰问坚守岗位员工</a>
</div>
</div>
<div class="col-lg-6 col-md-6 wow fadeInRight">//fadeInRight从右边淡入
<div class="list-group">
<a href="#" class="list-group-item active">
学术动态
</a>
<a href="#" class="list-group-item">国内专家聚焦菲律宾南海仲裁案</a>
<a href="#" class="list-group-item">武大学者首次在体外重建葡萄糖代谢通路</a>
<a href="#" class="list-group-item">人工智能企业代表团来校寻求产学研合作</a>
<a href="#" class="list-group-item">Vestibulum at eros</a>
</div>
</div>
</div>
</div>

<script>
$(function(){
new WOW().init();
})
</script>

列表组(list-group)

标签：png   工作   视角   视频   src   wow   group   div   大学   

原文地址：http://www.cnblogs.com/iriliguo/p/6445653.html