How to display one question for one page?

I am working on the online Exam project and I want to display one question for one page, where there is a button to go to the next question. Can you help me to solve my problem?

    <?php
if($_GET['q']== 'examination' && $_GET['step']== 3) {
$id_train=$_GET['id_train'];
$total=$_GET['t'];
$q=mysqli_query($koneksi,"SELECT *   FROM question WHERE id_training='$id_train' ORDER BY RAND()" ); $no=1;

echo '<div class="panel" style="margin:5%">';
while($row=mysqli_fetch_array($q) )
{

    $id_que=$row['id_question'];
    $id_train=$row['id_training'];
    $question=$row['question'];
    $opt_a=$row['opt_a'];
    $opt_b=$row['opt_b'];
    $opt_c=$row['opt_c'];
    $opt_d=$row['opt_d'];
    $answer=$row['answer'];


echo '<b>Question&nbsp;'.$no++.'<br />'.$question.'</b><br /><br />
<form action="" method="POST"  class="form-horizontal">

<form action="update.php?q=examination&step=2&id_question='.$id_que.'&id_list_training='.$id_train.'&t='.$total.'&answer='.$answer.'" >
    <input type="radio" name="ans1" value= "'.$opt_a.'">'.$opt_a.'
    <input type="radio" name="ans2" value= "'.$opt_b.'">'.$opt_b.'
    <input type="radio" name="ans3" value= "'.$opt_c.'">'.$opt_c.'
    <input type="radio" name="ans4" value= "'.$opt_d.'">'.$opt_d.'</form><br />';
}

echo'<br /><button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span>&nbsp;Submit</button></form></div>';

This the UI look like