title: Full height layout with collapse and fixed sidebar on bootstrap 3
body: <p>I need fixed height layout (like an application) and fixed (full height) sidebar but when resolution changed, sidebar collapse.</p>
  
  <p>Example 1: (Collapse sidebar, sidebar not fixed)
   - <a href="http://www.bootply.com/render/88026" rel="nofollow noreferrer">http://www.bootply.com/render/88026</a></p>
  
  <p>Example 2: (Full height)
   - <a href="http://www.bootply.com/render/96937" rel="nofollow noreferrer">http://www.bootply.com/render/96937</a></p>
  
  <p>How can I implement collapse sidebar (Example 1) to full height layout (Example2)</p>
  
  <h1>update 1</h1>
  
  <p>I try this: <a href="http://startbootstrap.com/simple-sidebar" rel="nofollow noreferrer">http://startbootstrap.com/simple-sidebar</a> but sidebar fixed height not working on mobile browsers
  <img src="https://i.stack.imgur.com/4zyJI.png" alt="enter image description here"></p>