I want that when some text of the inputs is overlaid with the other, arrange it in two lines so that they are clearly visible
According to the code and the classes you use (col-xs-12, that is, Bootstrap), what you should do is create a new row and on it put each radio in its own col, ie:
<div class="col-xs-12">
<div class="row">
<div class="col-xs-3"> Clásica </div>
<div class="col-xs-3"> Hip-hop </div>
<div class="col-xs-3"> Country/Regional </div>
<div class="col-xs-3"> Rock/Pop </div>
</div>
</div>
Discuss if the result worked for you.