Baguettebox doesn't show next/previous stepper
in your script add this {buttons: true} in baguetteBox
try this
baguetteBox.run('.labrador',{
buttons: true
});
baguetteBox.run('.labrador',{
buttons: true
});<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link href="https://feimosi.github.io/baguetteBox.js/css/baguetteBox.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
<div class="labrador">
<a href="https://feimosi.github.io/baguetteBox.js/img/thumbs/4-1.jpg"
data-at-450="https://feimosi.github.io/baguetteBox.js/img/thumbs/1-1.jpg"
data-at-800="https://feimosi.github.io/baguetteBox.js/img/thumbs/4-3.jpg"
data-at-1366="https://feimosi.github.io/baguetteBox.js/img/thumbs/4-4.jpg"
data-at-1920="https://feimosi.github.io/baguetteBox.js/img/thumbs/4-2.jpg">
<button type="button" class="btn btn-primary" href="#">Images</button>
</a>
<a href="https://feimosi.github.io/baguetteBox.js/img/thumbs/2-1.jpg"
data-at-450="https://feimosi.github.io/baguetteBox.js/img/thumbs/1-1.jpg"
data-at-800="https://feimosi.github.io/baguetteBox.js/img/thumbs/4-3.jpg"
data-at-1366="https://feimosi.github.io/baguetteBox.js/img/thumbs/4-4.jpg"
data-at-1920="https://feimosi.github.io/baguetteBox.js/img/thumbs/4-2.jpg">
</a>
</div>check this example
baguetteBox.run('.labrador',{
buttons: true
});img{
height:50px;
margin:10px 0;
} <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link href="https://feimosi.github.io/baguetteBox.js/css/baguetteBox.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
<div class="labrador">
<a href="https://feimosi.github.io/baguetteBox.js/img/1-1.jpg" data-caption="Golden Gate Bridge">
<img src="https://feimosi.github.io/baguetteBox.js/img/thumbs/1-1.jpg" alt="Golden Gate Bridge">
</a>
<a href="https://feimosi.github.io/baguetteBox.js/img/1-2.jpg" title="Midnight City">
<img src="https://feimosi.github.io/baguetteBox.js/img/thumbs/1-2.jpg" alt="Midnight City">
</a>
<a href="https://feimosi.github.io/baguetteBox.js/img/1-3.jpg">
<img src="https://feimosi.github.io/baguetteBox.js/img/thumbs/1-3.jpg" alt="">
</a>
<a href="https://feimosi.github.io/baguetteBox.js/img/1-4.jpg">
<img src="https://feimosi.github.io/baguetteBox.js/img/thumbs/1-4.jpg" alt="">
</a>
<a href="https://feimosi.github.io/baguetteBox.js/img/1-5.jpg">
<img src="https://feimosi.github.io/baguetteBox.js/img/thumbs/1-5.jpg" alt="">
</a>
<a href="https://feimosi.github.io/baguetteBox.js/img/1-6.jpg">
<img src="https://feimosi.github.io/baguetteBox.js/img/thumbs/1-6.jpg" alt="">
</a>
<a href="https://feimosi.github.io/baguetteBox.js/img/1-7.jpg">
<img src="https://feimosi.github.io/baguetteBox.js/img/thumbs/1-7.jpg" alt="">
</a>
<a href="https://feimosi.github.io/baguetteBox.js/img/1-8.jpg">
<img src="https://feimosi.github.io/baguetteBox.js/img/thumbs/1-8.jpg" alt="">
</a>
</div>