Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как настроить вывод комментариев?

Как настроить вывод комментариев?


     15.01.2019    комментарии    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), Ламерские вопросы    76

вопрос
Подскажите как исправить, уже весь мозг сломал
Как настроить вывод комментариев?

на скрине видно, что третий комментарий вывелся под вторым, а должен был под первым, а уже четвёртый под вторым и т.д.
<div class="col-md-6">
  <div class="testimonial-section-box">
    <div class="row">
      <div class="col-md-2 col-sm-2 col-xs-2"><img src="{foto}" class="img-responsive img-circle" alt="testimonial1"></div>
      <div class="col-md-10 col-sm-10 col-xs-10">
        <h5 class="client-name">{author}</h5>
        <div class="client-text">{comment}</div>
      </div>
    </div>
  </div>
</div>


.testimonial-section-box {
  margin-bottom: 40px;
  margin-left: -8px;
}

.client-name {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.client-text {
  font-size: 15px;
  margin: 0 0 20px;
  line-height: 26px;
}

.col-md-6 {
  width: 50%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

Ответа пока нет


1 комментарий

maks
Юзер

maks - 15 января 2019 23:07 -

Это потому-что, высота 1 коммента выше чем 2 го и соответственно 3-й встаёт от наивысшей точки. Делай либо по всей ширине экрана (col-md-12), либо одинаковую высоту комментов, либо подключай какой нибудь masonry

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх