Migrate to bootstrap 4 in LeafWeb

WebCms/Views/Chart/Index.cshtml

@@ -1,27 +1,26 @@
 @using ClientDependency.Core.Mvc
 @model LeafWeb.WebCms.Models.ChartViewModel
 @{
-    Html.RequiresCss("~/Content/glyphicon_animate.css");
     Html.RequiresJs("~/scripts/Chart.js");
 
     Html.RequiresCss("~/Content/jquery.fancybox.min.css");
     Html.RequiresJs("~/scripts/jquery.fancybox.min.js");
 }
 <div class="row">
-    <div class="col-md-6 col-md-offset-3">
-        <div class="panel panel-success">
-            <div class="panel-heading">
-                Identifier: <strong>@Model.LeafInputIdentifier</strong>
-            </div>
-            <div class="panel text-center">
+    <div class="col-md-6 offset-3">
+        <div class="card">
+            <div class="card-body">
+                <h4 class="card-title">
+                    Identifier: <strong>@Model.LeafInputIdentifier</strong>
+                </h4>
                 @foreach (var cId in Model.AvailableCurveId)
                 {
                     <p>
                         <a href="@Url.Action("ChartCurve", new {leafInputId = Model.LeafInputId, curveId = cId})"
                            data-fancybox
                            data-options='{"buttons" : ["zoom", "download", "close"]}'
-                           class="btn btn-default">
-                            <i class="glyphicon glyphicon-picture"></i>
+                           class="btn btn-outline-secondary">
+                            <i class="fa fa-picture-o"></i>
                             @cId Chart
                         </a>
                     </p>
@@ -30,13 +29,3 @@
         </div>
     </div>
 </div>
-
-@section Scripts {
-    <script type="text/javascript">
-    </script>
-}
-
-@*<img id="chart" />
-<span class="help-block">
-    <span id="chart-error"></span>
-</span>*@