After completing the coding for my website, I had to integrate Bootstrap. However, upon adding the grid to the respective spans, the columns mysteriously disappeared. Any help in identifying what went wrong would be highly appreciated.
<div class="container">
<div class="row">
<div class="col-3">
<a href="intro.html"><span align="center">
<h1 style="position:relative;bottom:15px">Introduction</h1>
</span></a>
</div>
<div class="col-3">
<a href="business.html"><span align="center">
<h1 style="position:relative;bottom:30px">Analyzing a Business</h1>
</span></a>
</div>
<div class="col-3">
<a href="financialratios.html"><span align="center">
<h1 style="position:relative;bottom:-40px">Financial Ratios</h1>
</span></a>
</div>
<div class="col-3">
<a href="valuation.html"><span align="center">
<h1 style="position:relative;bottom:-25px">Valuation</h1>
</span></a>
</div>
</div>
</div>
Please note that prior to incorporating the container, rows, and columns, the spans were displaying correctly.