php - 如何在弹出窗口中垂直显示结果

Question

结果如图所示。我想垂直显示它。我该怎么做 ？我希望结果是这样的:

我正在使用引导模式来垂直显示它。请帮助我。

<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  <h6 class="modal-title">Please Select Your Destination</h6>
</div>
<div class="modal-body">
  <?php
    $data="select * from destination";
    $res=mysql_query($data);                            
    while($recor=mysql_fetch_assoc($res))
    {
      $id=$recor['id'];
  ?>
  <h4><font color="red"><?php echo $recor['destination']; ?> </font> </h4>
  <div class="clearfix"></div>  
  <ul>
    <?php           
      $data1="select * from sub_destination where destination_id='$id'";
      $res1=mysql_query($data1);
      while($recor1=mysql_fetch_assoc($res1))
      {
        $subid_count=$recor1["id"];
        $counts=mysql_query("select * from hotels where sub_destination_id='$subid_count'");
        $counts_res=mysql_num_rows($counts);
    ?>

    <li class="col-md-2 col-sm-1"><a href="search-result.php?sub_id=<?php echo $recor1['id']; ?>&main_id=<?php echo $recor['id']; ?>" style="color: inherit;"><div class="dest-list"  ><?php echo $recor1['sub_destination']; echo "&nbsp; (".$counts_res.")";?></div></a> </li>

    <?php 
      }
    ?>
  </ul>
  <div class='clearfix'></div>
  <?php     
    }
  ?>

Answer 1

list标签的类属性中的类“col-md-2”和“col-sm-1”都包含样式属性“float:left”，将列表标签值显示为水平线。