Is it possible to adjust the width of a fixed position div to match its parent in Bootstrap?
<div class="container-fluid">
<div class="row">
<div class="col-sm-3">
<div class="sidebar">
SIDEBAR
</div>
</div>
<div class="col-sm-9">
x<br />
x<br />
x<br />
x<br />
x<br />
x<br />
x<br />
x<br />
x<br />
x<br />
x<br />
x<br />
x<br />
x<br />
</div>
</div>
</div>
.sidebar {
background-color: red;
position: fixed;
width: 100%;
}
Do I need to manually set the width of the parent container, or is there an automatic way to do this using Bootstrap classes? If so, how can it be achieved? Does Bootstrap offer a solution for this scenario?
JSFIDDLE: http://jsfiddle.net/webayvsg/