Как сделать так, чтобы правая колонка всплывала вверх?

#html #css #html5 #вёрстка #bootstrap

Верстаю сайт на бутстрапе. Нужно сделать так, чтобы та информация, которая отображается
на больших экранах в правой колонке, на мобильных устройствах отображалась сверху контентной
части. Однако по умолчанию правая колонка уходит вниз.
Как мне сверстать страницу так, чтобы правая колонка уходила вверх?

Код HTML:






    

        

            

                

                    

                        
Информация
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam sed massa sollicitudin, accumsan
                        diam et, luctus elit. Praesent odio est, faucibus a est at,
dictum facilisis mi. Vestibulum a
                        libero odio. Sed nec ullamcorper nulla, ac lobortis odio.
Donec egestas vel risus ac gravida.
                        Curabitur consectetur lobortis auctor. Fusce cursus semper
lorem, ac auctor nunc fermentum sit
                        amet. Pellentesque nec lacus in magna consectetur viverra.
Proin quis turpis laoreet, aliquam
                        est ac, lacinia nibh. Aliquam erat volutpat. Curabitur placerat
consectetur maximus.
                        Mauris accumsan leo non lacus vehicula efficitur.
                    
                    

                        
Фотогалерея
                        Место для фотогалереи
                    
                    

                        
Новости
                        Место для новостей
                    
                
            
            

                

                    
Поиск
                    

                        
                        
                            
                        
                    
                
                

                    
Газета
                    
Содержимое блока
                
                

                    
Контакты
                    

                        
jjj
                    
                
            
        
    




    

Ответы

Ответ 1

Бутстрап умеет менять колонки местами: http://getbootstrap.com/css/#grid-column-ordering

Их надо расположить так, как они будут стоять на мобильном, и при переходе к широкому
экрану верхнюю колонку оттолкнуть вправо, а нижнюю вытянуть влево.






    

        

            

                

                    
Поиск
                    

                        
                        
                            
                        
                    
                
                

                    
Газета
                    
Содержимое блока
                
                

                    
Контакты
                    

                        
jjj
                    
                
            
            

                

                    

                        
Информация
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam sed massa sollicitudin, accumsan
                        diam et, luctus elit. Praesent odio est, faucibus a est at,
dictum facilisis mi. Vestibulum a
                        libero odio. Sed nec ullamcorper nulla, ac lobortis odio.
Donec egestas vel risus ac gravida.
                        Curabitur consectetur lobortis auctor. Fusce cursus semper
lorem, ac auctor nunc fermentum sit
                        amet. Pellentesque nec lacus in magna consectetur viverra.
Proin quis turpis laoreet, aliquam
                        est ac, lacinia nibh. Aliquam erat volutpat. Curabitur placerat
consectetur maximus.
                        Mauris accumsan leo non lacus vehicula efficitur.
                    
                    

                        
Фотогалерея
                        Место для фотогалереи
                    
                    

                        
Новости
                        Место для новостей