We will first start with the content for our All Photos tab. Let's look at the code now:
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="all">
<div class="row">
<div class="col-md-4">
<a href="images/sample1.jpg" data-lightbox="gallery"
data-title="Sample Image One">
<img src="images/sample1.jpg" class="img-thumbnail">
</a>
<div class="title">Sample Image One</div>
</div>
We have a div tag with tab-content as our class. We then added one more div tag with id="all" and set role to tabpanel. Since it's...