How to align content in row (Bootstrap)?

Question

css

Good afternoon everyone) I'm starting to get acquainted with Bootstrap, but there are already questions that I can hardly find answers to. And now this is the situation: how to align the content in row? It's just that when columns (col) are transferred, the content in them is pressed to the left edge, but I really want it to be in the middle ..) Help, whoever can.
Ps tried: div align=center, text-center, block-center...

Answer 1

@media (max-width: 767px) {
   .row>div {
      text-align:center;
   }
}