Center a bootstrap column in just a certain device

Vote count:

0

I'm leaning bootstrap, and I made this a row with two columns to stack each other.

On the large devices i want it to be like that:

With the trophy a little to the top, as you can see.

But in mobile small and medium it's like that:

As you can see, the trophy isn't centered under the black div, it's possible to center it just when the columns stack each other?

html:

<div class='row'>
                    <div class='subir col-lg-6 col-lg-offset-1'>
                        <div>
                            <p class='titulo'>Liga Juizforana</p>

                            <hr size='1' align='left'>

                            <p class='subtit'>A Liga Juizforana tem o intuito de trazer campeonatos diversos para a cidade focando em League of Legends. A intenção do campeonato é a diversão de todos, tendo campeonatos sempre que possível para todos se interagirem, conhecerem e entrarem no cenário competitivo da cidade.</p>
                        </div>
                    </div>


                    <div class='grandelogo col-xs-3 col-md-3 col-lg-4'>
                        <img src='imagens/LigaJFLogo.png' border='0px' alt='LigaJFLogo' title='LigaJFLogo'>
                    </div>
                </div>

asked 1 min ago

AdowTatep

12

Center a bootstrap column in just a certain device