JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="panel panel-danger">
<div class="panel-heading">
<span class="pergunta">1 - Pergunta 1</span>
</div>
<div class="panel-body">
<div class="well">
<div class="row">
<div class="text-center">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-2">
<p class="p-1">Discordo Totalmente</p>
<p class="p-2"><input type="radio"></p>
</div>
<div class="col-sm-2">
<p class="p-1">Discordo</p>
<p class="p-2"><input type="radio"></p>
</div>
<div class="col-sm-2">
<p class="p-1">Não Concordo nem discordo</p>
<p class="p-2"><input type="radio"></p>
</div>
<div class="col-sm-2">
<p class="p-1">Concordo</p>
<p class="p-2"><input type="radio"></p>
</div>
<div class="col-sm-2">
<p class="p-1">Concordo Totalmente</p>
<p class="p-2"><input type="radio"></p>
</div>
<div class="col-sm-2">
...
CSS
@media screen and (min-width: 768px){
.p-1{
height: 50px;
vertical-align:top;
}
.p-2{
vertical-align: bottom;
line-height: 50px;
}
}