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