Столбцы располагаются вертикально, потому что вы используете Bootstrap 4, а инфикс -xs- больше не используется. Просто используйте col-4 ..
-xs-
col-4
1 2 3
http://www.codeply.com/go/sCct2CzZte