Has anyone encountered the issue of trying to dynamically render buttons but having them all appear in separate rows instead of three buttons per row?
<div class="row">
<div class="container sports-container col-md-12">
@foreach (var sport in Model.Aggregator.SportsRepository.List().Where(x => x.ParentSportId == null))
{
<div class="col-md-4">
<a class="btn btn-outline-info">@sport.Description</a>
</div>
}
</div>
<style>
.sports-container {
background-color: whitesmoke;
margin-top: 20px;
}
</style>