Bootstrap - row can I have columns add up to more then 12?

前端 未结 2 1055
陌清茗
陌清茗 2020-11-27 23:23

I was wondering if my nested row can add up to more then 12? Is it wrong to work this way?

I tried it and it seems to work fine for me, but I want to make sure that

2条回答
  •  被撕碎了的回忆
    2020-11-28 00:23

    Yes, it's ok to have more that 12 columns in a row It will just make the extra columns wrap to the next line. So, with your example you'd have 2 rows of 4.

    http://bootply.com/91392

    From the Bootstrap docs (http://getbootstrap.com/css/#grid)..

    "If more than 12 columns are placed within a single row, each group of extra columns will, as one unit, wrap onto a new line"

    Also, here are some examples that show using more than 12 columns (col-*) in a single row: http://getbootstrap.com/css/#grid-example-mixed

    Just be aware of responsive resets if the columns vary in height. Read more about when to use Bootstrap row


    Related questions:
    Bootstrap what will happen if I put more than 12 columns in a row?
    Bootstrap 3 - Use more than 12 columns in a row
    Where to place bootstrap row class
    Boostrap row on multiple lines

提交回复
热议问题