How to place margin to the rows with Bootstrap

Question

How to place margin to the rows with Bootstrap

Navigation

#1 by (1 votes)

0

A big greeting:

The situation I want to pose is the following, it happens that I have a section that goes in a row (row) is a text that I want to be in the center of the row vertically, then create a Div with a name and place it property of margin top, in the screen version it looks good, but when it is reduced until it reaches a mobile version, all that margin makes the content run down, and that margin does not adjust.

In this case I do not know if that property is appropriate or there is another way to do it.

This is how it looks when it is in the normal computer vision.

Thank you very much.

bootstrap grid

asked by linjai 01.09.2017 в 18:27

source

1 answer

Problem with update to SQLite database from Android PostgreSQL connector with C # [closed]

score 1 · Accepted Answer

If you are working BootsTrap I guess you should know that each ROW works with 12 Columns let's call it that, and this allows us to make each element in its class occupy certain space according to the size of the screens where it is displayed.

For that just add this to class of the container where the text is:

<article class="col-xs-12 col-sm-8 col-md-9 col-lg-9">
             //En este caso utilizo un 'article'

       </article>

col-xs-12 -->Indica que en pantallas super pequeñas abarque todas las 12 columnas, osea el 100%. Este es el que deberias aplicar a tu contenedor.

col-sm = Pantallas pequeñas
col-md = Pantallas medianas
col-lg = Pantallas grandes

You can visit this FalconMasters course where it explains very well how BootsTrap works link