jquery - fluid-fixed-fluid Layout using Bootstrap -

but i've read lot of others)

i'm trying create fluid-fixed-fluid layout portfolio site. i've tried few different options online, see either offers fixed-fluid-fixed or layout has 2 fluid columns off side.

i'd love have straight-forward 1024px middle (content) section 2 supporting fluid columns beside.

i don't have code provide, i'll create sort of example go by.

thanks in advance - feel kind of dumb asking this, haven't had think web in couple of years , feel way behind.

<div class="row-fluid">     <div class="span3"></div> </div>  <div id="row-fixed">     <div class="span6"></div> </div>  <div id="row-fluid">     <div class="span3"></div> </div> 

this reminds me of in day...over ten years ago when saw lots of framesets. give frame width="*" , take width left on page. wish today's css offered same...but, doesn't.

you emulate effect js, css , html.

html:

<div class="container">      <div class="sidebar pull-left">       </div>      <div class="sidebar pull-right">       </div>      <div class="main-content">       </div> </div> 

js: (tested in mac osx - chrome version 29.0.1547.65) http://jsfiddle.net/mmme5/

function setsidebarwidth(){     var container_width = $('.container').width();     var main_content_width = $('.main-content').width();      //init sidebars     $('.sidebar').width((container_width - main_content_width)/2);      return; }  $(function(){     //init @ document ready     setsidebarwidth();      //resize listener     $(window).resize(function(){         setsidebarwidth();     }); }); 

note: may need use .outerwidth(true) in js function depending if divs have margin or not.

then style heights, backgrounds, borders, etc... see fit.

let me know if have luck.