2016-01-05 139 views
0

我很難用foreach聲明和Bootstrap崩潰。每次我點擊最後一個或第一個面板時,它總是打開一個不同的面板而不是它自己,並且摺疊不同的面板而不是它自己。bootstrap在foreach中循環foresh循環

<?php 
    $x = 0; 
    foreach($infos as $info): 
?> 

<form action="../../Core/init.php" method="POST"> 

    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 
     <div class="panel panel-default" role="tab" id="heading<?php echo $x; ?>"> 
     <div class="panel-heading" > 
      <h4 class="panel-title"> 
      <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse<?php echo $x; ?>" aria-expanded="false" aria-controls="collapse<?php echo $x; ?>"> 

       <?php echo strtoupper($fname); ?> 

      </a> 
      </h4> 
     </div> 
     <div id="collapse<?php echo $x; ?>" class="panel-collapse <?php echo ($x == 0 ? 'collapse in' : 'collapse'); ?>" role="tabpanel" aria-labelledby="heading<?php echo $x; ?>"> 
      <div class="panel-body"> 

       <div class="form-group"> 
        <label class="control-label" for="inputWarning"> Name</label> 
        <input type="text" class="form-control" value="<?php echo $name; ?>" readonly> 
       </div> 

       <div class="form-group"> 
        <label class="control-label">Age</label> 
        <input type="text" class="form-control" value="<?php echo $age; ?>" readonly> 
       </div> 

       <div class="form-group"> 
        <label class="control-label"></label> 
        <textarea class="form-control" rows="6" id="textArea" name="message" maxlength="1000"></textarea> 

       </div> 

       <button class="btn btn-block btn-lg btn-danger" name="message" >Submit</button> 

      </div> 
     </div> 
     </div> 
    </div> 
</form> 

<?php $x++; endforeach;?> 

回答

1

以下行(和屬於</div>)應該是你的foreach外循環,因爲它是爲您全方位手風琴包裝,應該在你的$infos陣列添加爲每個項目。

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 

這裏是引導文檔中的例子: http://getbootstrap.com/javascript/#collapse-example-accordion