Did you got some of these classes and pieces of code from the Bootstrap website?
Sometimes classes need to be on separate nested divs, because they use :before and :after or margin, padding or positioning for that div. When you paste all classes inside one div, this may not work, and classes may overwrite eachother.
solved Is having multiple classes in an element a good (or best) practice? [closed]