Is there a way in Bootstrap to “split” a column on small screens?

Question

I\'m using Bootstrap 3. On large screens I want to have a sidebar on the left and the maincontent on the right. On small screens I want to have important blocks of the sideb

Answer 1

You could do something like this:

Bootply Demo

HTML:

  

    

      
I want to be above the main content on small screens!
    
    

      
Main content
      
Lorem ipsum dolor sit amet
      
Lorem ipsum dolor sit amet
      
Lorem ipsum dolor sit amet
      
Lorem ipsum dolor sit amet
      
Lorem ipsum dolor sit amet
    
    
    

      
I want to be below the main content on small screens!
    
  

CSS:

@media (min-width: 768px) {
  .col-sm-pull-right {
      float: right;
  }
}
.lower {
  clear: left;
}