之前都是想直接把導航欄放左邊,但是會占一整行
網上找了好久,看到用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>
效果: