布局

图书板块的布局既要考虑到分类展示图书信息，还需要考虑与前面文章板块的对应，所以，图书板块也分为左右两部分，左边同样使用col-md-8,右边使用col-md-4来划分宽度。当然，如果在其它屏幕有不同的布局需求，你也可以添加上其他的属性值，如col-xs-6（在手机屏幕中占6/12）等。布局代码如下：

<div class="col-md-8" id="indexbooks">
    首页图书展示区……
</div>
<div class="col-md-4">
    图书分类展示区……
</div>

注：为了适应演示区尺寸，右侧代码中将col-md改为了col-xs。