Bootstrap - Column with position fixed.

by Daniel Mejia

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<!--<div class="container">-->
    <div class="row">
        <div class="col-xs-8 content">Content goes here...</div> 
        <div class="col-xs-3 col-xs-offset-1 sidebar-outer" >
            <div class="fixed col-xs-3">
                <img class="img-responsive"
                     src="http://placekitten.com/300/200"/>
                Some links go here.
            </div>
        </div>
    </div>
<!--</div>-->




<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>
    About this SO Question: <a href='http://stackoverflow.com/q/23616847/1366033'>Adding a responsive image to a position fixed div within a Bootstrap column</a><br/>
    Fork This Skeleton Here <a href='http://jsfiddle.net/KyleMit/kcpma/'>Bootrsap 3.0 Skeleton</a><br/>
<div>

CSS

.content {
    margin-top: 150px;
    background-color: #a9a8a8;
    min-height: 5500px;
}
.container {
    background-color: #f2f2f2;
}
.sidebar-outer {
    margin-top: 150px;
    position: relative;
}
.fixed {
    position: fixed;
}