固定列和响应列在响应中的混合

Question

是否可以使用最后一个引导3在响应列内创建固定（宽度）和非固定（宽度）列的混合？

原因：我想要在小屏幕上折叠固定侧边栏。

Answer 1

下面是一个例子，应该帮助你：

http://bootply.com/9Efmu4rR07

基本上你使用的包装外列布局，并使用绝对位置相应地在更大的屏幕上定位边栏;在较小的屏幕上折叠侧边栏。

Answer 2

你一定能够做到这一点，试试这个（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; 
}