2015-02-23 63 views

回答

1

下面是一個例子,應該幫助你:

http://bootply.com/9Efmu4rR07

基本上你使用的包裝外列布局,並使用絕對位置相應地在更大的屏幕上定位邊欄;在較小的屏幕上摺疊側邊欄。

0

你一定能夠做到這一點,試試這個(bootstrap3)

<div class="container-custom row"> 

    <div class="side-bar">Menu</div> 

    <div class="content">responsive Content part 
<div class="container"><div class="col-md-12"></div></div> 
</div> 

    </div> 

.Container-custom{ 
margin: 0px; 
padding: 0px; 
position: relative; 
height: 100%; 
} 

.side-bar{ 
display: inline-block; 
float: left; 
position: relative; 
width: 250px; 
} 

.content{ 
margin-left: 250px; 
min-height: 1006px; 
margin-top: 0px; 
padding: 0px; 
background-color: #e5e9ec; 
overflow: auto; 
position: relative; 
}