Grid Bootstrap working

Asked

Viewed 33 times

1

because using it works:

col-3 col-md-3

And that way it doesn’t work

col-sm-3 col-md-3

The first form is correct?

  • But what do you mean "it works"

  • If decrease the browser the first example works, the second does not

  • The correct is to use either "Sm" or "Md", that is the sizes "small" "medium"

  • https://scotch.io/tutorials/understanding-the-bootstrap-3-grid-system

1 answer

0


Your answer is simpler than it looks. Vc is using the classes of one version of the grid in the other. What I mean is that you are using the grid classes of Bootstrap 4 in Bootstrap 3. Ai does not work.

The class col-3 does not exist in Bootstrap 3, so it does not work. You can replace with col-xs-3 i the smallest measure pro grid of BS3

Official documentation of the grid BS3: https://getbootstrap.com/docs/3.3/css/#grid-options

inserir a descrição da imagem aqui

Official documentation of the grid BS4: https://getbootstrap.com/docs/4.0/layout/grid/#grid-options

inserir a descrição da imagem aqui

Then see that in BS3 there is not only the class col-* as in the BS4 has no class col-xs-*

col-3 col-md-3 works only on BS4

col-xs-3 col-md-3 works only on BS3

col-sm-3 col-md-3 works on BS3 and BS4

  • Really kkkkkkkkk vlw bro

  • @Banks Quiet young, beware of google every hour it shows the link to a version of bootstrap so we end up taking classes of one version and using in the other, there can give this kind of problem. Things are there, success!

Browser other questions tagged

You are not signed in. Login or sign up in order to post.