Traditional Radio Buttons vs Bootstrap Styled Primary-Secondary Toggle Buttons
For a responsive web form I am considering two options for radio buttons with three or fewer selections.
I personally like the bootstrap css style format because it seems easier for the user on mobile and appears like a more modern UX design. I've seen many websites in my industry moving to these type of bootstrap button selections on web forms:
My designer said it is not the best UX practice to use the above type of buttons. It was indicated that I should use the traditional radio buttons like below (either vertical or horizontal). I feel these are harder for the user, especially on a smaller mobile screen.
Is one method better than the other?