Как дать понять PhotoSwipe в каких границах галерея?

В моем шаблоне изображения имеют разметку на bootstrap. Обернул данную сетку с изображениями тегами

<div class="section section--head">
			<div  class="demo-gallery">

Использую пример, который используется на демо-странице плагина. Но получается вот такая штука: изображения открываются, но плагин не обьединяет их в галерею. В хеш-ссылке не идентефицируется ID галереи (/#&gid=null&pid=1). И плагин открывает каждое изображение, как в отдельной галерее без ID. Т.е. каждое фото - отдельная галерея, к остальным фото не листается.

Помогите, пожалуйста, разобраться, в чем причина конфликта. С другими плагинами нет конфликта в консоли.
Пример кода ниже:

<div class="section section--head">
			<div  class="demo-gallery">
						<div class="row">
				<div class="col-md-6">
					<a href="images/image_6.jpg" class="featured-grid" data-size="1600x1068" data-author="" style="background-image: url(images/image_6.jpg);">
						<img src="" alt="" />
						<div class="desc">
							<h3>Текст</h3>
							
						</div>
					</a>
				</div></div></div></div>

Благодарю за дельные советы!