<a href="#modal">Кнопка</a>
<div class="remodal" data-remodal-id="modal">
<button data-remodal-action="close" class="remodal-close"></button>
<h1>Remodal</h1>
<section class="regular slider">
<div>
<img src="http://placehold.it/350x300?text=1">
</div>
<div>
<img src="http://placehold.it/350x300?text=2">
</div>
<div>
<img src="http://placehold.it/350x300?text=3">
</div>
<div>
<img src="http://placehold.it/350x300?text=4">
</div>
<div>
<img src="http://placehold.it/350x300?text=5">
</div>
<div>
<img src="http://placehold.it/350x300?text=6">
</div>
</section>
<br>
<button data-remodal-action="cancel" class="remodal-cancel">Cancel</button>
<button data-remodal-action="confirm" class="remodal-confirm">OK</button>
</div>
$(document).on('opened', '.remodal', function () {
$(".regular").slick('reinit');
});
$(document).on('ready', function() {
$(".regular").slick({
dots: true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 3
});
});
<div class="col-sm-6"></div>
<div class="col-sm-6"></div>
Структура такая должна быть. Без каких либо оберток этих блоков
@media (min-width: 992px)
.dropdown .dropdown-menu {
display: none;
}
.navbar.navbar-danger {
margin-bottom: 0;
}
<li class="dropdown">
<a href="#" data-toggle="dropdown">Download <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a href="#">Пункт 1</a></li>
</ul>
</li>
<script src="assets/js/bootstrap.min.js"></script>
.open.dropdown .dropdown-menu {
display: block;
}