Collapsing Column in Bootstrap

Inline navigational element

by Kyle Bellamy

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="row" style="height:60px; margin-bottom:10px;">

<div class="well">
Header area
</div>

</div>

<div class="row">
                        <div class="col-md-4">
                            <div class="well">
                            <span class="glyphicon glyphicon-menu-hamburger pull-right" ></span>
                                <br/>
                                <span class="glyphicon glyphicon-home"></span> &nbsp;&nbsp;Home
                                <br/>
                                <span class="glyphicon glyphicon-thumbs-up"></span> &nbsp;&nbsp;Thumbs Up
                                <br/>
                                <span class="glyphicon glyphicon-picture"></span> &nbsp;&nbsp;Picture
                                <br/>
                                <br/>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="well">2</div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="well">4</div>
                                </div>

                            </div>
                        </div>
                    </div>