Bootstrap 4
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/flatly/bootstrap.min.css">
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6 col-12 mb-2 mt-4">
<a href="/edit" class="no-decoration">
</a><a href="/edit" class="no-decoration">
<div class="inforide">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-8 col-8 fontsty">
<div class="center">
<div class="setting-awesome-font">
<i class="fas fa-user fa-1x"></i><br>
</div>
<div class="setting-text">
<h5>Account</h5>
<p>Manage your account login details</p><p>
</p></div>
</div>
</div>
</div>
</div>
</a></div><a href="/edit" class="no-decoration">
</a>
<div class="col-lg-4 col-md-4 col-sm-6 col-12 mb-2 mt-4">
<div class="inforide">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-8 col-8 fontsty">
<div class="center">
<div class="setting-awesome-font">
<i class="fas fa-university fa-1x"></i><br>
</div>
<div class="setting-text">
<h5>1 Settings</h5>
<p>view settings</p><p>
</p></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-12 mb-2 mt-4">
...
CSS
.center {
text-align: center;
}