<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h2 class="text-center"><b>Text Generation Evaluation</b></h2>
<div class="row">
<div class="col-md-12 text-center">
<div class="box">
<div class="box-content">
<hr />
<h3>There are 10 questions. Please choose the best one of all generated text for each</h3>
<h3>considering
fluency or readability, that is, the linguistic quality of the text</h3>
<a><h3>more details about the criteria</h3></a>
</p>
<br />
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="col-md-12">
<form>
<h2>2/10 </h2>
<div class="form-check">
<label>
<input type="radio" name="radio" checked> <span class="label-text">a man is near a motorcycle in an open field .
</span>
</label>
</div>
<div class="form-check">
<label>
<input type="radio" name="radio"> <span class="label-text">a man standing next to a bicycle parked in front of a building .
</span>
</label>
</div>
<div class="form-check">
<label>
<input type="radio" name="radio"> <span class="label-text">a man prepares a pulling pink shoes .
</span>
</label>
</div>
<div class="form-check">
<label>
<input type="radio" name="radio" > <span class="label-text">a man sitiing on a desk covered kitchen with papers </span>
</label>
</div>
</form>
               
               
               
               
               
               
<button id="button1id" name="button1id" class="btn btn-primary">Last One</button>
<button id="button2id" name="button2id" class="btn btn-info">Next One</button>
</div>
</div>
</div>
</div>
</div>