Performed in this manner there should not be an issue:
(ditching your outer div and move class row into each element … . . )
But . . . … .
Your class text is all red, it looks like bootstrap is not recognized/loaded/referenced, so if you are outside of the FCC editor you need to add a few lines of code to incorporate bootstrap, should be there under:CSS only for this challenge:
If you are in CodePen you enable it through options.
Your code works. I just copied and pasted it into the challenge and it runs fine. Try starting a clean version of the challenge and just copy-and-paste your own code.
I would advise against this as a methodology. Generally, the .row class is kept distinct from the col-* elements. It might work but it’s contrary to how Bootstrap suggests.