bootstrap左侧边栏


之前都是想直接把导航栏放左边,但是会占一整行

网上找了好久,看到用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>

效果:

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM