之前都是想直接把导航栏放左边，但是会占一整行
网上找了好久，看到用bootstrap响应式布局，可以比较简单实现
经典的，可以参考：http://demo.qianduanblog.com/3150/8.html#
4个div可以搞定：
<div class="container"> <div class="row"> <div class="col-lg-1 modal-content"> 左边栏<br /> 左边栏<br /> 左边栏<br /> 左边栏<br /> 左边栏<br /> </div> <div class="col-lg-11 modal-content"> 右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br /> 右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br /> 右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br /> 右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br /> 右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br /> 右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br /> </div> </div> </div>
效果：
原文：http://www.cnblogs.com/dannyyao/p/6261868.html