Сообщение от j0hnik
|
|
зачем id одинаковый, можете класс присвоить одинаковый.
|
Ну id само собой заменю на class, написал id потому, что по умолчанию стоит id.
В общем решил сделать на табах. На трех разных колонках по табу с одинаковыми классами.
Вобщем сделал так:
<div class="container-fluid">
<div class="row">
<div class="col-md-3 col-xs-12 razd-1">
<div class="razd-flag-1">
<img src="media/feedback/flag.jpg">
<div class="tab-content feedback-img-slide clearfix">
<div class="tab-pane tr1 fade in active">
<div class="feedback-avatar">
<img src="media/feedback/avatar-1.jpg" alt="">
</div>
</div>
<div class="tab-pane fade tr2">
<div class="feedback-avatar">
<img src="media/feedback/avatar-2.jpg" alt="">
</div>
</div>
<div class="tab-pane fade tr3">
<div class="feedback-avatar">
<img src="media/feedback/avatar-3.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="feedback-boy">
<img src="media/feedback/boy.png" alt=""/>
</div>
</div>
<div class="col-md-6 col-xs-12 razd-2">
<img class="limits" src="media/feedback/limits.jpg">
<div class="feedback-control">
<ul class="list-unstyled">
<li class="active">
<a href=".tr1" data-toggle="tab">1</a>
</li>
<li>
<a href=".tr2" data-toggle="tab">2</a>
</li>
<li>
<a href=".tr3" data-toggle="tab">3</a>
</li>
</ul>
</div>
</div><!-- div sm-6-->
<div class="col-md-3 col-xs-12 razd-3">
<img src="media/feedback/flag.jpg">
<div class="tab-content">
<div class="tab-pane fade in active tr1">
<div class="feedback-text">
<h3>Заголовок1</h3>
<p>Invest in foreign companies and start ups</p>
</div>
</div>
<div class="tab-pane fade tr2">
<div class="feedback-text">
<h3>Заголовок2</h3>
<p>Invest in foreign companies and start ups</p>
</div>
</div>
<div class="tab-pane fade tr3">
<div class="feedback-text">
<h3>Заголовок3</h3>
<p>Invest in foreign companies and start ups</p>
</div>
</div>
</div>
</div>
</div>
</div>