About bootstrap4 Grid layout

requirements:
Super large screen one line four
large screen one line two
small screen and one mobile phone line
Code implementation is as follows:

</div>
</div>

question:

  1. doesn"t the total in row add up to 12? the total of col-lg on my side is obviously more than 12. So is col-sm col-xs, which doesn"t meet the bootstrap requirements.
  2. how should a requirement like this be implemented
Dec.09,2021

if there are more than 12, it will go to the next line. For example, two col-lg-6 will be on one line, and if you have four, you will be divided into two lines.
like col-xl-4 , then there are three in a line. If you want four in a line, you should use col-xl-3

.
</div>
</div>
Menu