@Ingword
Падаван.

Как разбить навигацию в bxslider на два блока?

Привет!

Есть такой код bxslider'а:

<div class="row mhide">
			<div class="col-md-2 col-md-offset-1 margintop50 bx-pager">
				<a data-slide-index="0" href="" class="photo-place photo01"></a>
				<a data-slide-index="1" href="" class="photo-place photo02"></a>
				<a data-slide-index="2" href="" class="photo-place photo03"></a>				
			</div>

			<div class="col-md-6 col-sm-6">
			<div class="">
				<ul class="bxslider">
  					<li><img src="img/gallery/1.jpg" /></li>
  					<li><img src="img/gallery/2.jpg" /></li>
  					<li><img src="img/gallery/3.jpg" /></li>
  					<li><img src="img/gallery/4.jpg" /></li>
  					<li><img src="img/gallery/5.jpg" /></li>
  					<li><img src="img/gallery/6.jpg" /></li>
				</ul>
			</div>
			</div>

			<div class="col-md-2 bx-pager">
				<a data-slide-index="3" href="" class="photo-place photo04"></a>
				<a data-slide-index="4" href="" class="photo-place photo05"></a>
				<a data-slide-index="5" href="" class="photo-place photo06"></a>			
			</div>
		</div>


Проблема в том, что 2 дива с классом bx-pager воспринимаются слайдером как 1 и они конфликтуют между собой. А мне нужно разбить элементы навигации на 2 блока, которые будут слева и справа от центрального превью отображаться + активный элемент подсвечивается border в 2 пикселя.

Когда элементы управления находятся в одном диве bx-pager - всё работает ок. Но как только размещаю их в разные дивы, то всё рушится.

Как это можно исправить?
  • Вопрос задан
  • 228 просмотров
Решения вопроса 1
@ArturArturov
первой половине эелементов a float:left, остальным - float:right. сам слайдер отцентрировать. бутстрап идет в топку
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы