Bootstrap - Change rows and columns order

Question

Using Bootstrap is it possible to have these two different layouts depending on the viewport? I\'ve been searching about this and I\'m aware of the concepts push, pull and r

Answer 1

I found this question today and saw no such answer that would satisfy the OP and the future visitors of this post. Thus, decided to answer it with current bootstrap 4 version:

  

    
Title A
  
  

    
Title B
  
  

    
Title C
  
  

    
Graph A
  
  

    
Graph B
  
  

    
Graph C
  
  

    
List A
  
  

    
List B
  
  

    
List C
  

Here's the demo for bootstrap 4 row and column ordering. I hope, you'll be able to manage column ordering in bootstrap 3 as well if you are working on it.