Bootstrap is not recognized in Razor page

I just created a new project. I created a new Layout page and added Bootstrap like so:

head><meta name="viewport" content="width=device-width"/><title>@ViewBag.Title</title><link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css"/><link rel="stylesheet" href="~/css/site.css"/><link rel="stylesheet" href="~/css/jquery.dataTables.min.css"/></head>

.net core with razor already came with bootstrap. below is the screen shot:

My page is simply doing CRUD operations and I tried to put a bootstrap icon and it did not work:

<aclass="btn btn-lg"asp-page="./Edit"asp-route-id="@item.RecordId"><iclass="glyphicon glyphicon-edit"></i></a>

All is see is blank space instead of the icon.

Any hep will be greatly appreciated.