title: Bootstrap 3 - How can I put the left and right borders of the image?
body: <p>Such a situation, there are 3 pictures.</p>
  
  <p><strong>I have:</strong>  </p>
  
  <p>1) left.png - left border for div.</p>
  
  <p>2) right.png - right border for the div. </p>
  
  <p>3) background.png - background for div.</p>
  
  <p><strong>I have a code:</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row clearfix"&gt;
          &lt;div class="col-lg-4 column left_part"&gt; ... content ... &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Task</strong>
  There is "div", which should has its own background (background.png), the left border with a fixed width and the right border with a fixed width. The left border - left.png, right border - right.png. How to do this using the bootstrap 3?</p>
  
  <p>Structure of DIV: <a href="http://i60.tinypic.com/29boxsl.jpg" rel="nofollow">http://i60.tinypic.com/29boxsl.jpg</a></p>