http://jsfiddle.net/veLgmdt1/6
Improved the HTML structure using rows and floated columns to eliminate the need for margin and absolute positioning.
<div class="content-wrapper">
<div class="row">
<div class="col col-lg-3">
<img src="http://lorempixel.com/230/230/" class="img-rounded">
<button class="btn btn-primary">Invite To Project</button>
<ul class="list-unstyled">
<li>Member Since: July 21, 2016</li>
<li>Toronto, ON</li>
<li>
<ul class="list-inline">
<li>Social:</li>
<li><a href=""><i class="fa fa-facebook"></i></a></li>
<li><a href=""><i class="fa fa-twitter"></i></a></li>
<li><a href=""><i class="fa fa-pinterest"></i></a></li>
<li><a href=""><i class="fa fa-google-plus"></i></a></li>
<li><a href=""><i class="fa fa-youtube"></i></a></li>
</ul>
</li>
</ul>
</div>
<div class="col col-lg-9">
<h2 class="profile-name">John Doe</h2>
<h4 class="">Graphic Designer</h4>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
</div>
<div class="row">
<ul class="nav nav-pills" role="tablist">
<li role="presentation" class="active"><a href="#">Home <span class="badge">42</span></a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages <span class="badge">3</span></a></li>
</ul>
</div>
</div>
CSS
.content-wrapper {
width: 1000px;
margin: 0 auto;
}
.row {
width: 100%;
padding-top: 20px;
}
.row:nth-child(odd) {
background-color: #f5f5f5;
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
}
.col {
float: left;
}
.col-lg-3 {
width: 25%
}
.col-lg-9 {
width: 75%
}
.profile-heading {
margin-top: 50px;
background-color: #f5f5f5;
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
}
.profile-heading > .panel {
position: relative;
background-color: inherit;
margin: 0 auto;
width: 1000px;
border: none;
}