Bootstrap Исправлена ​​ошибка «Collapse Column» Перейти к основанию - PullRequest
Новая
       14

Bootstrap Исправлена ​​ошибка «Collapse Column» Перейти к основанию

1 голос
/ 17 января 2020

Я пытаюсь создать коллапс bootstrap3 (ссылка «еще») на серые квадраты, но при нажатии на развал квадрата 1 квадрат 3 меняется на 4 и прыгает на дно.

В квадрат 2, кажется, работает лучше.

неправильно enter image description here

нормально enter image description here

<div class="row">
 <div class="col-md-6" style="background-color: red; height: 350px;">
 </div>
 <div class="col-md-6">
   <?php for ($i=0; $i<4; $i++): ?>
     <div class="col-md-6 col-sm-12">
       <div style="background-color: gray; height: 150px;">
         <?= $i +1; ?>
       </div>
       <a class="progress-description" role="button" data-toggle="collapse" href="#collapse<?= $i ?>" aria-expanded="false" aria-controls="collapse<?= $i ?>">More</a>
         <div class="collapse" id="collapse<?= $i ?>">
            <div class="text-justify">
              DESCRIPTION
            </div>
         </div>
       </div>
   <?php endfor; ?>
 </div>

1 Ответ

0 голосов
/ 18 января 2020

Оберните вас для l oop div, содержащего блоки описания в другом div, имеющем класс строки. 

<div class="row">
// your existing for loop
</div>
...