title: Centered slide carousel with bxslider
body: <p>I require a reponsive, height adjustable carousel showing a hint of the next and previous content for a mobile website. After some research I came around the bxslider, which almost fullfills all my needs.</p>
  
  <p><a href="http://jsfiddle.net/8greL/1/" rel="nofollow">http://jsfiddle.net/8greL/1/</a></p>
  
  <p>Unfortunately, I was unable to write a carousel and make it adapt to the width automatically. At the moment I was just able to force my way through ugly, static hacks suchs as this one...</p>
  
  <p><code>$('.bx-wrapper').first().css('max-width', '240px');</code></p>
  
  <p>Maybe my choice of library or my approach is wrong, but I have no clue how to get it done without writing a carousel by my own...</p>