<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar fixed-bottom navbar-light bg-light">
<div class="text-center">
<h1 class="text-center">Hello niggers</h1>
</div>
</nav>
</div>
</div>
</div>
.container, .row, .col-lg-12, .navbar {
width: 100%;
text-align: center;
}
.navbar {
width: 100%;
display: flex;
justify-content: center;
}
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar fixed-bottom navbar-light bg-light">
<center><h1 class="text-center">Hello niggers</h1></center>
</nav>
</div>
</div>
</div>