混合固定和响应列内部响应

Question

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

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

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;
}