title: How to make stretchable bootstrap div according to mobile, tablet, desktop
body: <p>I am learning bootstrap framework and found it very interesting. I have seen a website that is working awesome on mobile, tablet and laptop at the same time. I saw four div in the page in one line and when a user stretch the page, it hides the two div and make it nice view able on the tablet and when i stretch it more according to the mobile size it hides the 3 div and display only one with nice css effects. </p>
  
  <p>Please have a look on the following three images and see the desired effects that i need to achieve.</p>
  
  <p><a href="https://i.stack.imgur.com/Gj09G.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Gj09G.png" alt="FirstImage"></a></p>
  
  <p><a href="https://i.stack.imgur.com/yhOOD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yhOOD.png" alt="SecondImage"></a></p>
  
  <p><a href="https://i.stack.imgur.com/HjmML.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HjmML.png" alt="ThirdIamge"></a></p>
  
  <p>I just need to implement the same using bootstrap. Please anyone guide or share the sample code to understand. Many thanks in advance.</p>