布局

怎样的布局才能让网站中的文章以较好的形式呈现在首页上呢？既要反应更新，又要有精华。由于文章板块在首页上处于最上面的部分，所以，考虑使用轮换图片插件来吸引眼球，并且还需要展示最新的文章和热门文章以及文章分类。划分如下：

1. 左部——轮换图片(carousel)和文章列表(tabs)部分，各占一半。
2. 右部——文章分类部分。

左边占据（8/12），右边占据（4/12）

布局代码如下：

<!--板块的左部，使用panel，占据8/12-->
<div class="panel panel-default col-md-8">
      <!--轮换图片（carousel）插件,占左部的一半-->
      <div class="col-md-6">
          <div  class="carousel slide" >
          </div>
       </div>
    <!--文章tabs，占左部的一半-->
      <div class="noborder col-md-6">
          <div class="tab" role="tabpanel">
          </div>
    </div>
</div>
<!--板块的右部，使用普通的DIV，占据4/12-->
<div class="col-md-4">
</div>

注：为了适应右侧演示区窗口大小，将col-md-改为col-xs-